CARA PASANG GAMBAR MELAYANG

Membuat animasi atau gambar melayang (Float Image) disini maksudnya adalah menampilkan gambar atau animasi yang diletakkan disudut-sudut area blog sebagai suatu alat informasi atau sekedar asesoris saja agar blog tampak lebih menarik. Mungkin sobat pernah menemukan sebuah blog dengan menggunakan asesoris ini seperti gambar Upin dan Ipin, tokoh animasi Sonic yang sedang berlari dan lain-lain.

Jika sobat ingin membuatnya, ikuti langkah-langkahnya dibawah ini :

1.  login ke blogger
2.  masuk ke Tata Letak >> Edit HTML
3.  beri centang pada kotak di samping tulisan "Expand Widget Template"
4. lalu setelah itu cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atasnya :

#trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atasnya :

<div id="trik_pojok"> <a href="http://mamanjua.blogspot.com">
<img src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif border="0" /></a> </div>

Kode diatas yang berwarna hijau itu bisa sobat ganti, contoh alamat blog : http://mamanjua.blogspot.com diganti dengan alamat blog sobat sendiri, http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif silahkan sobat ganti dengan alamat gambar koleksi sobat sendiri yang sudah di upload di salah satu web yang menyediakan layanan upload gambar.

Setalah itu simpan dan lihat hasilnya.

Menarik, bukan ? Nah, sekarang blog sobat bisa lebih menarik dengan adanya Float Image tadi.

Catatan : Dengan adanya Float Image ini, bisa berdampak akan membuat loading blog sobat menjadi lambat, sehingga bisa saja saat ada pengunjung yang komputernya mempunyai koneksi yang lelet, mungkin akan malas atau mengurungkan niat untuk mengunjungi blog Kita. Silahkan dipertimbangkan terlebih dahulu.

Happy blogging, sobat !

Silahkan Berbagi Artikel ini ke : Facebook Twitter Google+

---

Terimakasih Atas Kunjungan Anda

---

INFORMASI LAINNYA: