Membuat Widget Melayang Pada Blog Dengan Gambar/Foto Sendiri - MATERI PENDIDIKAN

Blog berisikan tentang materi pendidikan baik secara umum maupun khusus

Breaking

ADS 1

.

Adsense

Tuesday 31 March 2015

Membuat Widget Melayang Pada Blog Dengan Gambar/Foto Sendiri



Assalamualaikum wr. wb...

Kali ini saya akan berbagi informasi dan cara Membuat Widget Melayang Pada Blog Dengan Gambar/Foto Sendiri. Mungkin bingung bagi anda bagaiman sih memasukan widgetnya, bagaimana sih menampilkan gambar sendiri. tanpa berpanjang lebar lagi silahkan disimak dengan seksama :
1. Siapkan Foto yang akan ditampilkan di blog anda
2. Upload terlebih dahulu foto tersebut di http://picasion.com/
 

3. Masukan foto yang telah disiapkan dari dengan cara mengklik 'browser' (catatan : jika ingin foto berformat JPG. upload satu foto, dan apabila ingin foto berformat GIF/bergerak silahkan upload 3 foto). setelah itu atur 'size' dan 'speed' kemudian klik 'create animation'


4. setelah itu akan tampil layar baru seperti di bawah ini. Pilih Koding/script urutan ke dua 'direct link' kemudian copy script tersebut.

5. Selanjutnya Script yang telah di copy tersebut di 'Paste' kan Script melayang di bawah ini kemudian 'copy' keseluruhan script tersebut.
<div style="position: fixed; bottom: 0px; right: 20px;width:150px;height:625px;">Letakan script foto tersebut di sini</div>
Catatan :
  • Untuk mengatur Atas-bawah dan Kiri-kanan silahkan di sesuaikan pada Right, Width, dan Height.
  • Untuk mengatur posisi gambar kiri dan tengah silahkan anda masukan script (Posisi tengah = <center>Copykan script di atas</center>) untuk kiri tinggal ubah center menjadi left
6. Langkah terakhir buka blogger anda dan login, klik 'Tata letak' kemudian 'Tambah gadget' pilih Html/javascript, 'Paste' kan script yang di 'copy' tadi kemudian 'Ok'

7. Jika ada keluhan atau bingung silahkan berikan komentarnya, Terima kasih 

=>Semoga Bermanfaat<=

No comments:

Post a Comment

Pages