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>
<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.
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 ^_^
No comments:
Post a Comment