English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
You are here: Home » » Cara Membuat Scrolling Image Otomatis

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 ^_^

7 komentar:

  1. sobb,, tukar link same ane yuk ??

    BalasHapus
  2. makasih infonya gan.. visit www.nukeshop.bl.ee

    BalasHapus
  3. Nice info gan
    mari mampir ke blog tv saya
    http://warnasaritv.blogspot.com/

    BalasHapus
  4. Terimakasih gan, ilmunya sangat bermanfaat.
    Scroll image-nya bisa continue ngga gan, tanpa ada jeda spasi setelah image sudah muncul semua.
    ditunggu update-nya gan

    BalasHapus
  5. Good ... minta izin pakai ya sobat salam dari web kecil saya yang lagi dibangun mudah mudahan jadi besar. https://mudahrizki.blogspot.com

    BalasHapus
  6. Artikel yang sangat berguna kak..
    Numpang promo yah..

    OMDOMINO Adalah bandar agen situs judi kartu online seperti Poker, DOMINO QQ, Capsa Susun, BandarQ Terpercaya, Agen Sakong. hanya dengan modal 10ribu anda dapat bermain 7 permainan langsung di dalam akun.
    AgenQQ, Domino online.
    WWW.OMDOMINO.COM

    BalasHapus

Berlangganan Artikel Blogger Tutorial Melalui EMail. GRATIS!!
Masukkan Alamat Email Anda di Sini

...::: http://blogtutorials-01.blogspot.com :::...