Gambar bergerak di blog

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.

Comments :

11 komentar to “Gambar bergerak di blog”
cyberalienated mengatakan...
on 

klo membuat gambar bergerak di bawah menu horizontal seperti punya http://www.thehack3r.com/ bagaimana caranya ya. Tapi pake simple java script saja klo ada dan aplicable pada blog?

Immar Pertawijaya mengatakan...
on 

klo mau membuat gambar yang muncul secara bergantian (image rotator) pada gadget blogger bagaimana caranya?

ditunggu jawabannya...
terima kasih^^

Moko Motec mengatakan...
on 

jjjjjjj

terowongan mengatakan...
on 

mantap,,,
bisa tukeran link ga??
terowonganlink.blogspot.com

david setiawan mengatakan...
on 

..SALAM KENAL...
http://jakartastage.blogspot.com/

pointband mengatakan...
on 

salam kenal...
http://pointband-musik.blogspot.com/

pasar bebas mengatakan...
on 

salam kenal
http://jualtanahdanrumahdipandaan.blogspot.com/

Aswar Leo mengatakan...
on 

kalau yang dibawah nya yang ada animasi bergerak gimana yahh.>>>...?

Anonim mengatakan...
on 

salam kenal
http://habibmtk.blogspot.com/

Putra Kapuas Vlog mengatakan...
on 

Salam kenal
http://jaini683.blogspot.com/

Anonim mengatakan...
on 

Pull back to wrong address in Gemini.
Would you like to pull back in Gemini? Do you inadvertently pull back to wrong address in Gemini? You don't need to stress at all as you can take best arrangements from the all around prepared experts who can be drawn closer by dialing Gemini Customer Support number 1800-665-6722. The specialists know every one of the systems and steps that helps in settling the blunders rapidly. You can benefit their extraordinary administrations whenever from anyplace as there is no time-boundaries and area obstructions.
gemini number
gemini support number
gemini customer support number

Posting Komentar