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.

112 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. boleh juga aku coba duyu ya

    BalasHapus
  12. langsung di coba..

    BalasHapus
  13. thakns atas pemberitahuannya..............
    ya!!!!!!!!!!!

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

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

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

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

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

    BalasHapus
  19. Salam kenal semuanya..

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

    BalasHapus
  20. keren juga,mnta izin ngeejiplak

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

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

    BalasHapus
  23. wah makasih nih infonya ;)

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

    BalasHapus
  25. Wahk Terimaksih Yah Buat Infonya

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

    dari Nganjuk.

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

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

    BalasHapus
  29. makasih banyak gan ilmu baru ni

    BalasHapus
  30. tak bole letak banyak gmbar ?

    BalasHapus
  31. 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
  32. wah mantap banget mas infonya terimakasih.

    BalasHapus
  33. 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
  34. sieepp ilmunya gan, jdi pengen mencoba nichh,,

    BalasHapus
  35. yang bergerak kok yang di paste kan.

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

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

    BalasHapus
  37. 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
  38. bagaimana caranya supaya gambar yg tampil tidak terputus ???

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

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

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

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

    terima kasih

    BalasHapus
  43. mantep gan ane dah coba thanks ya

    BalasHapus
  44. mantab sob postingannya sangat bermanfaat

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

    BalasHapus
  46. Thanks gan, Informasi YG Mantab

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

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

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

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

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

    BalasHapus
  52. keren gan tutorialnya mudah dimengerti

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

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

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

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

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

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

    BalasHapus

blogger