Friday, June 1, 2012

Cara Membuat Scrolling Image Otomatis

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Scrolling Image Otomatis. 

Contoh :





Scrolling image yaitu beberapa gambar yang dilekkan pada sidebar atau postingan, yang bergerak sendiri ke atas secara otomatis. biasanya para blogger menggunakan cara ini untuk menampilkan banner link dari blogger lain.
 
Pergerakan gambar dapat diubah dari kiri ke kanan, bawah ke atas dan sebaliknya.

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">
<a href="link" target="_blank"><img src="url gambar" /></a>
<a href="link" target="_blank"><img src="url gambar" /></a>
</marquee>


Keterangan :
Arah gambar : ganti dengan up(keatas), down(kebawah) dan right(kekanan).
Kecepatan gerak gambar :  semakain besar semakin cepat.
Link : link. Contoh : blogtutorials-01.blogspot.com
Url gambar: url gambar.

Anda bisa pasang script di atas pada sidebar blog atau pada postingan blog.

Tutorial untuk dipasang disidebar, sebagai berikut :

  • Login pada Blogger
  • Masuk mode Rancangan kemudian Edit HTML
  • Pilih HTML/JavaScript
  • Masukan script tadi
  • Klik Simpan

Tutorial untuk dipasang dipostingan blog, sebagai berikut :

  • Login pada Blogger
  • Masuk mode Posting kemudian Entri Baru
  • Klik Edit HTML yang ada disebelah tulisan Compose
  • Masukan script tadi
  • Klik tulisan Compose kemudian Terbitkan Entri


Demikian blogger tutorial mengenai Cara Membuat Scrolling Image Otomatis.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
Share:

0 comments:

Post a Comment

blog ariel

lazada

ariel adyatna. Powered by Blogger.

Labels