Cara Bikin Gambar Bergerak (Marquee Image)

Dulu kursus blog pernah posting mengenai text bergerak (marquee). Eh...ternyata kurang lengkap tuh postingan sampai ada yg nanya "gimana kalo bikin gambar bergerak...??". Yawda...buat temen2 sekalian apa sih yang ngga. Berikut contoh untuk gambar bergerak : Tempat belajar blog dan bisnis online - Nah....buat yang pengen bikin gambar bergerak seperti diatas, ikuti langkah - langkahnya sebagai berikut :
  • Seperti biasa login di blogger, lalu masuk ke layout kemudian page element.
  • Klik add new page element --> HTML/JavaScript. Untuk letaknya terserah anda, mau diletakkan di sidebar, footer, atau dimana saja juga bisa.
  • Copy Paste kode dibawah ini :

    <marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="http://mizwar.blog.googlepages.com/logo.gif" alt=""/> <img src="http://static.technorati.com/pix/fave/btn-fave2.png" alt="" /> </marquee>

    Text yg berwarna merah adalah kode HTML untuk gambar. Untuk mengganti gambarnya, silahkan ganti text yg berwarna merah tebal dengan url gambar anda. Text yg berwarna hijau tebal, adalah arah bergerak gambar. Untuk mengganti arahnya, silahkan ganti kata "up" dengan "down", "left" atau "right".
  • Save dan Selesai..
Perhatian :
  1. Gambar bergerak tersebut bisa juga disimpan di postingan. Caranya, ketika memposting klik edit html lalu masukan kode seperti diatas.
  2. Untuk menampilkan gambar beserta link-nya, silahkan lihat di cara membuat link di artikel paling bawah.

88 komentar:

  1. Horeeee
    Pertamax nih...
    Masih ada tips marque yang lain nggak?

    BalasHapus
  2. nice posrt. thx for sharing :D

    BalasHapus
  3. yang ketigax

    keren om cara postingnya ajarin dung :D

    BalasHapus
  4. keren juga postingannya Mas...kapan2 aku praktekin dech :)

    BalasHapus
  5. b-( ikut kursus di blognya Mas.=))

    BalasHapus
  6. Makasih atas semua informasinya..
    sangat berguna buat saya sebagai pemula

    BalasHapus
  7. thx bgt dech cm itu yg bs kuucapin...

    BalasHapus
  8. Keren Habis ni , jd bisa buat bikin link d g , Thx berat yang seberatnya d , :-t

    BalasHapus
  9. gi mana cara bikin url-nya?
    thanx

    BalasHapus
  10. Hallo morning jogging today...care for link xchange. Good news. Tell me if you had me...

    BalasHapus
  11. thakns atas pemberitahuannya..............
    ya!!!!!!!!!!!

    BalasHapus
  12. slm kenal, tulisan yang penuh ilmu sob, memang ini yang saya cari selma ini, maju terus sob, maju blogger indonesia

    BalasHapus
  13. sip deh oya blog u uda gw set di tempat I

    BalasHapus
  14. akhirnya..., ketemu juga cara bikin marquee, thx mas.

    BalasHapus
  15. Makasih Tutorialnya yah manfaat sekali buat saya yang lagi belajar....masih pemula nih mas

    BalasHapus
  16. thanks Friend... langsung dicoba ya... Slam Sukses Selalu...

    BalasHapus
  17. Salam kenal semuanya..

    http://free-tips-blog.blogspot.com

    BalasHapus
  18. wah keren keren nie gambarnya
    kalau tempat save nya dimana ya pak
    tolong dikasih tau yapak

    BalasHapus
  19. om....apa nggak ada gambar yang lain ?

    BalasHapus
  20. wah makasih nih infonya ;)

    BalasHapus
  21. Main donk ke blog saya...kali aja ada yang kamu suka..heheheh...makaci ya tipsnya...

    BalasHapus
  22. Wahk Terimaksih Yah Buat Infonya

    BalasHapus
  23. wahhh terimaksih buanyakkkk yowwwww...atas Ilmu nya sangat amat membantu ku yang pemula ini ...

    dari Nganjuk.

    BalasHapus
  24. Langsung di coba...Thanks infonya :D

    BalasHapus
  25. follower number 762.... terbang dari malaysia hingga ke indonesia ~ hehehehe, good informasi

    BalasHapus
  26. makasih banyak gan ilmu baru ni

    BalasHapus
  27. tak bole letak banyak gmbar ?

    BalasHapus
  28. selamat malam agan, maaf saya mau numpang promosi distro saya barang kali agan -agan ada yang tertarik. Silahkan kunjungi alamat ini http://distro7.blogspot.com/

    BalasHapus
  29. wah mantap banget mas infonya terimakasih.

    BalasHapus
  30. nice posting mas,,,,,,,, makasih bgt. ada g yang jalannya g putus, maksudnya habis gambar terakhir langsung disusul yang pertama jadi g ada ruang kosong.

    BalasHapus
  31. sieepp ilmunya gan, jdi pengen mencoba nichh,,

    BalasHapus
  32. yang bergerak kok yang di paste kan.

    yang teks kita sendiri ketik gag gerak.
    jawab dong pls..

    BalasHapus
  33. ada di http://helmi-fatur.blogspot.com

    BalasHapus
  34. keren bro ilmunya, saya pasang di www.semiproperty.blogspot.com & www.bossgun.blogspot.com jadinya luar biasa, thanks ya ilmunya, sukses slalu untuk anda

    BalasHapus
  35. wow nice steady interesting and useful info, really nice blog
    sprei anak
    sprei murah
    bed cover murah

    BalasHapus
  36. bagaimana caranya supaya gambar yg tampil tidak terputus ???

    BalasHapus
  37. i like that..., and thanks you...

    BalasHapus
  38. thanks..follo me balik ya teman-teman di http://tulisan-terakhir.blogspot.com/

    BalasHapus
  39. MARI KITA JALIN KERJA SAMA
    http://pedagangbaru.blogspot.com/

    BalasHapus
  40. matops gans.. ada yg gambar perwakilan link yg berjalan juga gk??

    terima kasih

    BalasHapus
  41. mantep gan ane dah coba thanks ya

    BalasHapus
  42. mantab sob postingannya sangat bermanfaat

    BalasHapus
  43. oke sob gambar marqueenya, ijin copas ya...salam kenal n sukses selalu.thanks

    BalasHapus
  44. Thanks gan, Informasi YG Mantab

    BalasHapus
  45. YA ALLAH,,,Subhanallah ampunilah dosa2 hamba dan kluarga hamba,,amin3x,,,

    BalasHapus
  46. mas mau tanya kl ingin gambar tidak terputus(berputar terus) jadi selalu terlihat gambar itu penuh gimana yah

    BalasHapus
  47. mas sama picnya dong...maklum newbie

    BalasHapus
  48. mantep gan infonya boleh di coba gan...???he

    BalasHapus
  49. tx ... gan,infonya ....sangat berguna...

    BalasHapus
  50. keren gan tutorialnya mudah dimengerti

    BalasHapus
  51. Posting dong cara bikin marquee yang ga putus-putus.....

    BalasHapus
  52. mantep gan infonya boleh di coba gan...???he

    BalasHapus
  53. Ini apa sudah lulus validasi ya kodenya ??

    BalasHapus
  54. ok banget , senangnya bertambah lagi ilmunya
    terimakasih gan :)

    BalasHapus
  55. nah ini baru oke , bermanfaat sekali infonya :)

    BalasHapus
  56. makasih mas bro,,blognya mudah di mengerti..

    BalasHapus

blogger