Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman

Berikut langkah-langkah nya:
1. Login ke blogger anda dahulu.
2. Di halaman Dasbor, pilih Tata Letak.
3. Lalu 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. Lalu Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.

<div id='trik_pojok'>
<a href='http://gabrieljayasaputra.blogspot.com'>
<img border='0' src='http://t3.gstatic.com/images?q=tbn:ANd9GcRjS7FUE6aiDcHmqQIBOTyOYUfO3epRDR_CN1m4gOM3KVVeEQnuDg2COw'/></a>
</div>
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Keterangan: Anda bisa mengganti bottom dengan top dan left dengan right. Sesuai yang Anda suka'i. Anda juga harus mengganti http://Gabrieljayasaputra.blogspot.com dengan URL Anda sendiri, karna jika tidak diganti maka yang muncul nanti bukan URL anda tapi URL saya :DD. Dan kita juga bisa menganti http://t3.gstatic.com/images?q=tbn:ANd9GcRjS7FUE6aiDcHmqQIBOTyOYUfO3epRDR_CN1m4gOM3KVVeEQnuDg2COw dengan URL gambar yang Anda suka.

7. Simpan Template Jika sudah selesai.

Posted in: Belajar Nge-Blog