Cara Membuat Gambar Berjalan di Bawah Blog

Cara Membuat Gambar Berjalan di Bawah Blog:
1. Login ke Blogger -> Template -> Edit HTML
2. Cari kode ]]></b:skin>
3. Simpan kode berikut ini di atas kode ]]></b:skin>

#running_img {
position:fixed; bottom:0px; right:0px; clip:inherit; width:100%;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); } 

4.Kemudian cari kode </body> dan pasang kode di bawah ini tepat di atas kode </body>

<div id='running_img' width='100%'><marquee onmouseover='this.stop()' onmouseout='this.start()' align='center' direction='left' scrollamount='5'><img src='URL GAMBAR'/></marquee></div>

Ganti URL GAMBAR dengan link gambar anda misalnya http://3.bp.blogspot.com/-UdMHi4xNzPk/UIGEt6cPsLI/AAAAAAAABho/n2OdSmPOPuI/s1600/Walk1.gif
5. Simpan Template dan lihat hasilnya.

Keterangan:

• Direction='left' adalah arah gambar berjalan ke kiri. Jika ingin gambar berjalan ke kanan, ganti left dengan right
• Scrollamount adalah tingkat kecepatan gambar berjalan, semakin besar nilai scrollamount maka semakin laju gambar berjalan

Berikut saya sertakan contoh gambar

URL Gambar: http://2.bp.blogspot.com/-pKw4CMvkOhs/UIFSU7zWawI/AAAAAAAABg4/SQZGwN2koks/s1600/cooltext799652167.png

URL Gambar: http://3.bp.blogspot.com/-U2jPFUUdJPA/UIGEsxyEJzI/AAAAAAAABhg/ZrWQcpB2KDQ/s1600/Run.gif

URL Gambar: http://3.bp.blogspot.com/-jCKMjgGxHbE/UIG0LXdROMI/AAAAAAAABik/Vp2R9jQu7Ro/s1600/Run2.gif

URL Gambar: http://3.bp.blogspot.com/-UdMHi4xNzPk/UIGEt6cPsLI/AAAAAAAABho/n2OdSmPOPuI/s1600/Walk1.gif

URL Gambar: http://3.bp.blogspot.com/-O_S7YUUXLLU/UIGEu0pONOI/AAAAAAAABhs/_A9dJVVSjTk/s1600/Walk2.gif

URL Gambar: http://2.bp.blogspot.com/--emOVgSB888/UIGEwA6ij1I/AAAAAAAABh0/5vBM-8z86PU/s1600/Walk3.gif

URL Gambar: http://4.bp.blogspot.com/-xe0nRSb1W6M/UIG0KQV-sDI/AAAAAAAABig/WRxxbPX0hm8/s1600/Fly.gif

SELAMAT MENCOBA