Membuat Animasi Melayang (Float Image)

Sebelumnya saya pernah memosting Membuat Float Teks Berjalan agar blog anda lebih terlihat menarik, nah kali ini saya akan Membuat Tutorial tentang Membuat Gambar Melayang (Float Image) dengan mudah dan simple.

Membuat Gambar Melayang (Float Image)maksudnya adalah menampilkan gambar atau animasi di sudut-sudut blog anda agar blog anda lebih menarik dan kereeeen....!!!! jadi pengunjung pun tampak nyaman di blog anda namun ada kelemahannya juga, Float Image akan membuat loading blog anda menjadi lambat dan apabila ada pengunjung yang mempunyai koneksi yang lelet, mungkin mereka akan malas atau mengurungkan niat untuk mengunjungi blog anda.

Sekarang Tergantung anda mau membuatnya atau tidak apabila ingin membuatnya lihat dan ikuti langkah-langkahnya oke :

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 :
   
   #oketrik_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); }
   
   
   
5. Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atasnya :
   
   <div id="oketrik_pojok"> <a href="http://oketrik.blogspot.com">
   <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" border="0" /></a> </div>
   
   
6. Nah kode yang berwarna hijau bisa anda ganti, contoh : http://oketrik.blogspot.com ==>> ganti dengan alamat blog sobat, http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif ==>> ganti dengan alamat gambar sobat yang sudah di upload di salah satu web yang menyediakan layanan upload gambar.
7. Setalah itu simpan dan lihat hasilnya dech.
   
   

Mudah bukan Membuat Animasi Melayang (Float Image), nah sekarang blog anda lebih menarik dengan adanya Float Image. Kalau ada yang mau di tanyakan atau ada kesulitan tinggalkan saja pesan anda di kotak komentar di bawah ini y.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg