Cara membuat gambar melayang di blog

Kode Iklan anda yang ingin ada di sebelah kiri disini

Kode Iklan anda yang ingin ada di sebelah kanan disini

Resep yang akan disajikan targetbloger kali ini adalah tentang "Cara Membuat Gambar Melayang di Blog".Memiliki sebuah blog yang cantik dan menarik merupakan salah satu dambaan bagi setiap blogger.Selain itu juga,dengan memiliki sebuah blog yang cantik menarik bisa menjadi rujukan bagi pengunjung untuk berkunjung ke blog milik kita.Dalam perkembangannya,banyak sekali para blogger berlomba-lomba untuk menjadikan blog miliknya semakin tampil cantik dan menarik.

      

Banyak sekali langkah-langkah yang bisa ditempuh agar sebuah blog tampil cantik dan menarik.Berbagai cara banyak dibahas oleh sobat blogger di seluruh Dunia termasuk juga di Indonesia.Dalam hal ini, saya sarankan sobat memiki sebuah "skill" atau kemampuan untuk menjadikan sebuah blog agar tampil lebih menarik.Salah satu cara untuk mempercantik blog adalah dengan memasang gambar/widget yang menarik di blog.Mungkin kalau hanya memasang gambar/widget saja sudah bisa sobat laukan.Tapi dalam panduan blogger ini berbeda,yaitu memasang gambar/widget agar tampil melayang di blog, sehingga blog sobat akan tampil lebih menarik lagi.

Dan jika sobat tertarik tentang bagaimana caranya memasang sebuah gambar/widget melayang di blog, silahkan ikuti langkah-langkah seperti di bawah ini :

1. Login terlebih dulu ke akun blog sobat
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih Opsi HTML/Java Script
5. Copy dan Paste kode HTML di bawah ini

 Posisi Atas Kiri

<div style="display:scroll;position:fixed;top:0;left:0;">

Isi dengan kode HTML widget/url gambar

</a></div>

Posisi Atas Kanan

<div style="display:scroll;position:fixed;top:0;right:0;">

Isi dengan kode HTML widget/url gambar  

</a></div>

Posisi Bawah Kiri

<div style="display:scroll;position:fixed;bottom:0;left:0;">

Isi dengan kode HTML widget/url gambar  

</a></div>

Posisi Bawah Kanan 

<div style="display:scroll;position:fixed;bottom:0;right:0;">

Isi dengan kode HTML widget/url gambar  

</a></div>

6. Klik Simpan

Note : Cara mendapatkan HTML Widget/Url Gambar, adalah sbb.

1. Buat entri baru
2. Masukkan gambar yang ingin sobat bloger pake hiasan
3. Klik kanan pada gambar lalu cari View selection source
4. Nah ini di copas untuk menggantikan tulisan merah diatas. (Bisa dimengerti kan?)

Seperti ni misalnya

<div style="display:scroll;position:fixed;top:0;right:0;">

<img src="http://4.bp.blogspot.com/-KJT63gQX6Ik/UNKA4DqHGfI/AAAAAAAAAVE/JK8vsKpSW3E/s320/kunti+dewi.jpg" style="" border="0" height="320" width="306" />

</div>

 
             5. Copas dan lihat hasilnya ! Selamat mencoba ya…