menambahkan animasi/gambar bergerak di pojok blog

Gambar-gambar animasi bergerak dipojok blog kita pasti akan mempercantik & memperindah blog kita. Karena itu, kali ini saya akan memberi penjelasan tentang bagaimana cara menambahkan gambar animasi di pojok blog. Ilmu ini diperuntukan bagi para pemula blogger tentunya.
Langsung saja deh, gini caranya:

1. Anda harus membuat gambar animasi, kalau gak mau pusing buat gambar, anda bisa mencari gambar disini.
2. Copy alamat URL dari gambar tersebut, klik kanan pada gambar => Copy image Location
3. Login ke akun blog anda.
4. Layout => Edit HTML
5. Klik Expand Template Widget, lalu copy kode HTML lama anda ke notepad/catatan lain untuk memback up.
6. Letakan kode berikut ini tepat dibawah kode ]]></b:skin>

#trik_pojok {
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); 

7. kode yang berwarna hijauh menandakan posisi dari gambar, bisa diganti sesuai keinginan anda.
8. Letakan kode berikut ini tepat diatas kode </body>

<div id='trik_pojok'>
<a href='http://sindikattekaje2mei.blogspot.com/' target='_blank' title='Mari NgeBlog!'>
<img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif' width='150'/></a>
</div>

9. Gantilah http://sindikattekaje2mei.blogspot.com/ dengan nama blogmu
10. Ganti Mari NeBlog! sesuai keinginan anda. Kata ini muncul pada saat hendak diklik oleh mouse.
11. Ganti 175 dengan tinggi gambar yang sesuai
12. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
13. Ganti 150 dengan lebar gambar yang sesuai
14. Selesai ...............

Categories:
Comments
0 Comments

0 komentar:

Poskan Komentar

 

Feedjit

Follow by Email

MOTTO

BLOG INI HANYA UNTUK PENGETAHUAN

Featured Posts

Bookmark and Share