Banyak sekali para blogger yang selalu berusaha mempercantik tampilan template atau blognya. Berbagai macam widget dipasang dan berbagai hack dicoba. Pada kesempatan kali ini saya ingin membahas tentang cara memasang gambar selalu disamping blog. Tentu saja yang saya maksud adalah gambar yang berada disisi template. Banyak fungsi sebenarnya dari widget ini, selain sobat bisa menggunakan widget ini untuk memasang foto profil sobat, juga sobat bisa memasang segala widget misal menu posting yang direkomendasikan untuk di baca para pengunjung. Bagaimana sudah tertarik memasangnya? Ini dia langkah-langkahnya:1. Sign In ke blog anda.
2. Tuju tab Layout -> Edit HTML
3. Backup template anda dengan mengklik Download Full Template.
4. Centang kotak yang bertuliskan Expand Widget Template.
5. Cari kode ini
]]</b:skin>6. Setelah ketemu, Pasang kode dibawah ini persis di ATAS kode tadi:
#side_image {
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }7. Setelah itu adalah langkah memasang gambar, pasang kode dibawah ini tepat dibawah:
</head><div id='side_image'><a href='http://kumpulblogger.com/?refid=80103' target='_blank'> <img border='1' src='http://roele112.googlepages.com/test.gif'/> </a> </div>
8. Simpan template dan lihat hasilnya.
Perhatian:
kode yang berwarna merah adalah kode yang bisa sobat ganti sesuai keinginan.
> Untuk pojok kanan bawah :
bottom:5px;
right:5px;
> untuk pojok kanan atas :
top:5px;
right:5px;
> untuk pojok kiri atas
top:5px;
left:5px;
code source: kolom tutorial blogspot.
Moga manfaat...!
Jangan lupa kunjungi blog ini
0 comments:
Post a Comment