Cara Membuat gambar bergerak di blog

Post ini saya post karena banyak yang nanyain gimana sih cara buat gambar bergerak , saya udah pernah nyoba ...jadinya saya lansung aja ngepost biar gak ada yg nanya .Langsung aja deh ....Semoga Bermanfaat..:
1. Buatlah gambar animasi atau cari di blog orang lain atau web orang lain
2. Copy alamat URL dari gambarnya dengan cara "Klik kanan > Copy image Location"
3. Login ke blog kamu
4. Masuk ke menu Layout > Edit HTML
5. Backup template kamu dengan cara Copy Paste ke Notepad(biar gak ribet nantinya)
6. Sekarang cari kode ]]></b:skin> di template kamu
7. Letakkan kode berikut tepat diatasnya:
#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); }
8. kode yang berwarna Hijau menandakan posisi dari gambar, bisa diganti semaumu. Misal :
kiri=left, atas=top, bawah=bottom, kanan=right

9. Setelah itu cari kode </body> di template dan Letakkan kode dibawah ini tepat diatasnya :
<div id='trik_pojok'>
<a href='http://programinginside.blogspot.com/' target='_blank' title='
Semoga Bermanfaat'>
<img border='0' height='175' src='https://lh6.googleusercontent.com/-ncNzu0jHfJE/Ta4FLSQKCjI/AAAAAAAACG8/aKueumtFvpQ/s120/cctv.gif' width='150'/></a>
</div>
** yang di stabilo "hijau" ganti dengan nama blog anda..yang di stabilo "hitam" ganti tulisan apa saja tulisan nya muncul setelah cursor anda menekan disitu..yang stabilo "kuning" ganti dengan link gambar bergerak nya
**Ganti 175 dengan tinggi gambar yang sesuai 
**Ganti 150 dengan lebar gambar yang sesuai
 
Setelah selesai klik save tunggu sampai di bagian atas ada tulisan "View Blog"

Happy Blogging~~

2 komentar: