Sebuah gambar ada di suatu blog mempunyai banyak maksud dan fungsinya, fungsi yang paling menonjol adalah untuk memperjelas suatu pembahasan. Dan fungi lainya hanya sebagai aksesoris atau mempercantik tampilan suatu blog saja, supaya pengunjung lebih betah dan lama-lama mengintip blog yang kita kelola.
Dan pada kesempatan kali ini gambar yang akan kita buat adalah gambar yang biasanya ada di pojok suatu blog (Float Image). Selain sebagai aksesoris, ini bisa juga untuk mengarahkan suatu Link ke arah yang kita inginkan.
Jika Anda tertarik, Anda juga bisa membuatnya. Langkahnya cukup mudah, dan lihat caranya berikut ini :
. Login ke blogger Anda, ► Masuk ke Dasbor dan pilih Tata Letak / Rancangan ► Lalu pilih Edit HTML ► Dan cari code : ]]></b:skin>. Masukan code berikut di Atas code ]]></b:skin>
#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); }
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); }
. Selanjutnya Anda cari code : </body> , Dan taruh code dibawah ini di Atas-nya juga :
<div id='trik_pojok'>
<a href='http://jurus-sakti.blogspot.com/2011/04/cara-membuat-animasi-di-pojok-blog.html'>
<img border='0' src='http://i1.peperonity.info/c/983730/154545/ssc3/home/069/mycasperwap/dover0.gif_120_120_256_9223372036854775000_0_1_0.gif'/></a>
</div>
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
<a href='http://jurus-sakti.blogspot.com/2011/04/cara-membuat-animasi-di-pojok-blog.html'>
<img border='0' src='http://i1.peperonity.info/c/983730/154545/ssc3/home/069/mycasperwap/dover0.gif_120_120_256_9223372036854775000_0_1_0.gif'/></a>
</div>
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
Posting Komentar