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. Contoh gambar :
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://www.purbalingga.co.cc'>
<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://www.purbalingga.co.cc'>
<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'/>
Note :
. Anda bisa mengganti bottom dengan top dan left dengan right. Sesuai dengan tempat yang Anda inginkan supaya pas dan di blog Anda.
. Ganti juaga Url warna merah, dengan Url blog Anda. Dan Url warna biru, ganti dengan gambar yang Anda inginkan.
. Lalu simpan, dan Selesai !!
Tidak ada komentar:
Posting Komentar