Cara mudah membuat gambar berjalan di bagian bawah blog

Cara mudah membuat gambar berjalan di bagian bawah blog - sekarang kita akan membuat gambar berjalan di bawah blog. Untuk contoh gambar-gambarnya saya sudah menyiapkan di bawah. Jika ingin lebih kreatif silahkan membuat atau mencari gambar sendiri.

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

#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 dan pasang kode di bawah ini tepat di atas kode

direction='left' scrollamount='5'>

Ganti URL GAMBAR dengan link gambar anda misalnya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4tGT0PatLhYfF3iqObCd9rYy7dE3ZpjqAbA4-T3v0OgquTqFOSeeMp4zd0lX7wTvEc0DnFt8uFAt53texureeJBdOW_dlL6KfLEtfxQABeqKFjuW5Yq5KW9L4lnEdm0U3cF2KxwCoVYI/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/AVvXsEjeZncEcfDug4jvODjvnzcrBoP3LZT2L6USomBEQna-H_8bcFkdGNznWfHlrXsKO30cX2lj4mCIHA10XHIGlre22jGOKKYctbJAo_ZL3M0xB6fL7Ol6JcW6skzLRKkp4sciMhSvGgXEJTXA/s1600/cooltext799652167.png

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LV6uIkyceiOQovQ7pgf8-A1pDNu-IhOfKobchz8Qa6T-0N_xBLJHmBBpSHT3AWBxKjBoRS0fEchMbAaqZUXXWr6XWF7HbES-B_thefuuDUJ0iZ99e-oWRs__fIOG2RPHiDXSPgyTdcun/s1600/Run.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNy43x4oEsYlvAF6zbhJ4Kx9NeQTJL_EABADH4sv1ipqmOM4hsszRr51quU_rnUbhhKbZD_fGB-HSp60FoM9L-hP4NL2aE4WMHFLcsO_tQ_LX4FoQJo8Spaxy2aMHHd_NNAQfFNAxIeveQ/s1600/Run2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4tGT0PatLhYfF3iqObCd9rYy7dE3ZpjqAbA4-T3v0OgquTqFOSeeMp4zd0lX7wTvEc0DnFt8uFAt53texureeJBdOW_dlL6KfLEtfxQABeqKFjuW5Yq5KW9L4lnEdm0U3cF2KxwCoVYI/s1600/Walk1.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8A8sKUaH6Lea0pYW2Sxh4lvSSL63vKSWjOKoIyBhyyEt5i8B-AF7czeZL7GyBEiy2151KBvlFH8Lo5HuFbevod0uJBKrgSZSGpjyGfe8FYSxx2QL_btck2y_Sacu9fG_edfauW-di6YZ/s1600/Walk2.gif

URL Gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcTR5ZPGj-efAJ3czKrmHWhC-0x32DcC3qykLBeJjqeamw6OYCZI7V_8l1g02OQQ_xvoz6PyrYRT38Lx_Ctk5MIISidWTJ-rURenU3PjhvK64aXVFHEOkbAX0N-ip4DaAYbT4kfcv3UZI/s1600/Walk3.gif

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

 

sumber : http://www.mainbom.com/