Tips Cantik Blogspot : membuat gambar melayang

membuat gambar melayang di blogspot atau yang sering kita liat ada gambar atau tulisan yang tidak bergerak walopun scrol digerakan, nah untuk membuat gambar melayang pada blogspot lo bisa buat dengan cara mudah dengan ngikutin petunjuk dibawah ini duL

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

2. Cari kode ]]></b:skin> biar gampang buat nyarinya ketik ctrl+F ajah duL

Nah kalo udah ketemu copy kode dibawah ini diatasnya

#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 itu nentuin letak posisi objek yang akan tampil melayang, lo bisa ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", kalo mo posisinya ada diatas bisa diganti dengan "top".

4. Berikutnya letakan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://rahasia-di.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>

"http://rahasia-di.blogspot.com" > yang ini ganti dengan link lo duL

"http://kendhin.890m.com/soniclari.gif">

adalah objek yang akan maelayang, nah lo bisa menggantinya dengan gambar yang lo buat sendiri, kalo semuanya udah OK klik simpan template dan liat hasiL kerja lo duL. Gimana gambar melayang sekarng udah tampil diblog lo atau belum? jika belum maka ada baiknya lo perhatiin lagi kode-kode htmlnya, mungkin lo salah meletakan kode tersebut . semoga berhasiL :))

Related Post