Welcome and thank you for visiting. Hopefully this blog useful for you.

6.27.2011

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 :

1. Sebelumya masuk ke www.photobucket.com lalu dapatkan URL gambar.

Langkah pertama daftar
Setelah log in klik upload now
Kemudian pilih photo
Jangan lupa centang photo
Pilih untuk mendapatkan code URL
Kemudian copy dan masukkan URL gambar ini ke dalam kode marquee


  • 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 disidebarfooter, 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.

No comments:

Post a Comment