Cara Menambahkan gambar Melayang di Blog

Kita akan belajar bagaimana cra menambahkan gambar melayang (floating image) di pojok blog. Animasi ini digunakan hanya untuk penghias saja tidak mempunyai fungsi tertentu. Seperti widget-widget lainya yang berfungsi sebagai penghias saja. tidak berbasa-basi lagi. Inilah caranya:

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.

3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini 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); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

<div id='trik_pojok'>
<a href='http://fadllu-robbi.blogspot.com'>
<img border='0' src='http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif'/></a>
</div>
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti :D
Kita juga harus ganti http://fadllu-robbi.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.