Memasang Gambar Berada Dipojok Blog

Banyak kita jumpai blog yang meletakkan gambar dipojokan blognya dan gambar tersebut tetap terlihat walaupun kita scroll blognya. Sebenarnya itu merupakan sebuah gambar yang langsung diletakkan pada body template, sehingga gambar tersebut tetap terlihat. Untuk memasangnya cukup mudah, kita hanya perlu 2 script untuk menempatkan gambar tersebut agar tetap terlihat dan berada dipojok.

 

Tampilan jam yang diletakan di pojok blog

 

Ikuti langkah berikut :

• Login Blogger
• Masuk ke Tata Letak
• Kemudian Edit HTML
• Cari kode ]]></b:skin> , dan kemudian copy lalu paste script berikut di atas kode ]]></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); }

• Teks yang bercetak tebal, bottom merupakan letak gambar berada dibawa (jika ingin di atas maka ganti dengan top), left adalah posisi letak dikiri (jika ingin di kanan, maka ganti dengan right)
• Selanjutnya cari kode </body>, dan copy script berikut lalu paste diatas kode </body> tersebut :

<div id="trik_pojok"> TEMPAT URL GAMBAR / Barang lain yang ingin diletakkan </div>

• area yang ditempati oleh tulisan berwarna merah merupakan area tempat sobat meletakkan medianya, silahkan taruh url gambar atau script lain, seperti jam, kalender, hit counter, dll.
• Jika sudah, simpan template lalu lihat hasilnya.