» » Cara Bikin Gambar Bergerak (Marquee Image)

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.

31.7.08 Permalink

69 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

  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

  19. thanks Friend... langsung dicoba ya... Slam Sukses Selalu...

    BalasHapus

  20. Salam kenal semuanya..

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

    BalasHapus

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

    BalasHapus

  26. om....apa nggak ada gambar yang lain ?

    BalasHapus

  28. wah makasih nih infonya ;)

    BalasHapus

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

    BalasHapus

  34. Wahk Terimaksih Yah Buat Infonya

    BalasHapus

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

    dari Nganjuk.

    BalasHapus

  38. Langsung di coba...Thanks infonya :D

    BalasHapus

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

    BalasHapus

  46. makasih banyak gan ilmu baru ni

    BalasHapus

  48. tak bole letak banyak gmbar ?

    BalasHapus

  49. 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

  50. wah mantap banget mas infonya terimakasih.

    BalasHapus

  52. 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

  53. sieepp ilmunya gan, jdi pengen mencoba nichh,,

    BalasHapus

  54. yang bergerak kok yang di paste kan.

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

    BalasHapus

  55. ada di http://helmi-fatur.blogspot.com

    BalasHapus

  56. 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

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

    BalasHapus

  58. bagaimana caranya supaya gambar yg tampil tidak terputus ???

    BalasHapus

  59. i like that..., and thanks you...

    BalasHapus

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

    BalasHapus

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

    BalasHapus

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

    terima kasih

    BalasHapus

  64. mantep gan ane dah coba thanks ya

    BalasHapus

  65. mantab sob postingannya sangat bermanfaat

    BalasHapus

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

    BalasHapus

Langganan: Poskan Komentar (Atom)
Copyright 2011 © Kursus Blog is Tutorial Blogspot | Blogger Templates by Kang Mizwar | Icons by WPZOOM + famfamfam
blogger