Cara Membuat Gambar Berjalan di Bawah Blog

Cara mudah membuat gambar berjalan di bawah blog adalah tutorial kali ini. Setelah membahas tentang cara membuat teks berjalan 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 ]]></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

25 Responses to "Cara Membuat Gambar Berjalan di Bawah Blog"

  1. Jadi pada intinya hampir sama dengan cara membuat teks berjalan ya mas bro ya..

    BalasHapus
  2. Nice INFO GAN :)

    Oh Yea jangan lupa Untuk Mampir Ke blog saya http://defcon-hozora.blogspot.com/

    BalasHapus
  3. gan ane mau tanya. maap kalo gk nyambung sama artikel agan. saya mau tnya:
    kenapa jumlah postingan yang tampil di home page gak sesuai dengan yang saya atur??

    BalasHapus
  4. gan ane mau tanya nih, tp maap gk nyambung sama isi artikel agan.

    kenapa jumlah postingan di home page gak sesuai dengan yang saya atur??

    mohon pencerahan nya gan, besok saya mampir lagi untuk lihat jawaban agan

    BalasHapus
  5. kalou mau poto kita berganti-ganti gambarnya gimana tuh sob

    BalasHapus
  6. Gan minta scrpt url short bener yang baru donk yang ini bagus tu minta boleh

    BalasHapus
  7. Ngilmu yang manfaat Gan...
    Matur thankyu

    BalasHapus
  8. makasih banyak gan infonyaaa

    BalasHapus
  9. Terima kasih infonya bro sangat bermanfaat... kunjungan balik ya... http://boltim.blogspot.com

    BalasHapus
  10. Nice tutorial sob..kapan-kapan bakal saya terapkan nih di blog saya.

    Nice blog & Thanks :)

    BalasHapus
  11. Goog share, permit to use it.

    BalasHapus
  12. Mantap isin sedot.. buat praktekin mas bro.. thkk infonya

    BalasHapus
  13. mudah ya caranya ma kasih saya akan mencobanya

    BalasHapus
  14. Wah keren yah , thx buat infonya sobat .
    jangan lupa ikuti blog kami yah http://batikpekalongankimiko.blogspot.com/
    Terimkasih ^_^

    BalasHapus
  15. kalau yang gerakannya dari samping dsb bagaimana ya.....caranya

    BalasHapus
  16. alhmdulilah akhirnya bisa juga .. terimakasih ya

    BalasHapus