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 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpRBMXBqZr_b2BpD8lYV8YlV9AJmj0cvLL3koI-ez9p6EW8nqxCQcKxNQjePSitbHCLmcszVoEC_v7yKi-LzSnhwhTMuBaMhXDNCfJIEynuTNTbdP4F_Tm7CuRoUM5-kh4v4obJ0d8kUX/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: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI3moTng-ojBBAvUuOHjT8k_1RVkP1sFzZjzJeIGi2HYU8M-ijGBWAy5Kx8Q_m8WISLF37M4tLUBOSnSgXMPEpvUgV5tYJ0Dsb5T9Qet76Tbq8TiV-nTBpnLAv1KRay7nWGsqHiuF3jMlh/s1600/cooltext799652167.png

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklo4B6yPHjawb51-PXLee0H2zkXeBjz7lTTzNNs90wG5c_aErnbQMadqnOcjdPajpk8U9y030aI9HgS0HnS1GATaJYRuPuRW0wcUjM51nxVsKf3yXV7y6oM-bRFS16aT_thUY8hVUejko/s1600/Run.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVb6IROyj6ziqaPcir-ttw2vjCDAV8TAVd82aFBMFRnusHTHfo6tgRPPdj_j3iaf-JMontuWgSO_Nyt2D-x-W6u4TBD5QcEgz95fMFbmfYFczvB3jWylKMp_1bxOr0AAJzKeHJmcOUkll/s1600/Run2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpRBMXBqZr_b2BpD8lYV8YlV9AJmj0cvLL3koI-ez9p6EW8nqxCQcKxNQjePSitbHCLmcszVoEC_v7yKi-LzSnhwhTMuBaMhXDNCfJIEynuTNTbdP4F_Tm7CuRoUM5-kh4v4obJ0d8kUX/s1600/Walk1.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixgUWJEOCMDV9noxJLYmq7cgHp6TB6klMzI8INPKieN-KAQZoT4A0DFQKXSe8ZIHs7V2lfpi7bp_y3Tx_Q8m-WIZuFWe0zFq6M5yMcpARz8wlu8n6OOTpPtk8b7qflQ8SI_X-x8uQR_3vV/s1600/Walk2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzLSSruZDJLt2Tnjo27KAfcIg6WJBlz-wQuqVw9V3liVsZYL_n6hctxGbTOnJYU6BwgUSPqs3Uk2d_X-gh7jvCb96guJJzhv5iFO6GqluWeUxqKuJBbWt-mE3ZYfR1nOIzqDyYoOoOtO5/s1600/Walk3.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3J0DlQ6t7tWj4FQmSQpIzRObLgM429sGidkyP06JQZLJfp-DjgRvXh3VV03idGVETecWxMdpDxwur0KbHj4EsdXQ_AiFNwZQT5glVKQW9vemIK6cZyyJG1N5ipmOuW6P8vVipojfq2mj7/s1600/Fly.gif

SELAMAT MENCOBA