Membuat Gambar Melayang di Pojok Blog

Kali ini aku posting cara lama aja ya, ini di req sama sobat koDe-Xp juga, dari pada nggak ada yang di post, disini aku mau ngebahas cara mudah dan cepat membuat gambar melayang di pojok blog kita, entah itu kanan , kiri, atas, pokoknya dimana aja asalkan di pojok semuanya bisa sob, yang penting rajin aja ngebaca caranya dibawah. kalau begitu langsung aja baca caranya dibawah.

 

Mudah-mudahan ini bisa bermanfaat bagi blogger yang masih baru, jujur saya juga masih dalam tahap belajar, intinya kita saling membantu sesama sapa aja yang mau berlajar, coz berbagi ilmu itu ternyata menyenangkan sobat. .. o_0

 

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Cari kode ini ]]></b:skin> kalau sudah ketemu 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);}

 

3. Text yang dicetak tebal adalah posisinya, kalo ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini diatas kode </body> 

<div id="trik_pojok">
<a href="http://ken-xp.blogspot.com">
<img src="http://i1097.photobucket.com/albums/g344/koDe-xp/IconkoDe-Xp.png" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i1097.photobucket.com/albums/g344/ken-xp/ken-xp.png" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Posted in: Blogger, Tips and Trik