Membuat animasi/gambar berada di pojok halaman

Kalo udah lama ngeblog pasti udah tau dong maksudnya apa. Posting kali ini membahas tentang Membuat animasi/gambar berada di pojok halaman. Meskipun kamu meng-scrolling tapi gambar tersebut akan selalu berada di pojok halaman.

"scroll bar" : lingkaran yg ada di tengah mouse itu lho...

 langsung aja deh ...

pertama klik Layout > Edit HTML> Expand Template Widget

yang gambarnya kayak gini ni...

terus kamu search (ctrl+f) kode ini : ]]></b:skin>

udah belom?

kalo udah copy kode berikut ini dan letakan tepat diatas nya :

#error-go {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

teks yang berkedip-kedip dapat diganti sesuai keinginan,,
posisi diatas tertulis : (bottom,right)

berarti gambar/animasi akan muncu di bagian kanan bawah

kesimpulan :

• Bottom : bawah
• Top        : atas
• Right     : kanan
• left        : kiri

 Jika sudah searh kode </body> dan letakan kode berikut diatasnya :

<div id="error-go">
<a href="http://error-go.blogspot.com">
<img src="http://a1.twimg.com/profile_images/1503331672/aries010.gif" border="0" /></a>
</div>

teks yang berwarna merah bisa diganti dengan link milikmu,tujuannya saat sesorang meng-klik gambar/animasi tersebut, gambar/animasi akan membawanya ke link yang di inginkan
dan teks yang berwarna biru bisa diganti dengan link gambar/animasi tujuan mu

jika sudah selesai simpan dan lihat hasil kerjamu...





Terima kasih telah menyimak .

Posted in: Tips n Trick Blogging