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

9 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. wah, boleh juga nih gan. nanti kalau sudah bisa balik sini lagi. makasih power supply hp

    BalasHapus
  7. Haloo pak^^

    Kami dari SENTANAPOKER ingin menawarkan pak^^

    Untuk saat ini kami menerima Deposit Melalui Pulsa ya pak.

    *untuk minimal deposit 10ribu
    *untuk minimal Withdraw 25ribu

    *untuk deposit pulsa kami menerima provider
    -XL
    -Telkomsel


    untuk bonus yang kami miliki kami memiliki
    *bonus cashback 0,5%
    *bunus refferal 20%
    *bonus gebiar bulanan (N-max,samsung Note 10+,Iphone xr 64G,camera go pro 7hero,Apple airpods 2 ,dan freechips)

    Daftar Langsung Di:

    SENTANAPOKER

    Kontak Kami;

    WA : +855 9647 76509
    Line : SentanaPoker
    Wechat : SentanaPokerLivechat Sentanapoker

    Proses deposit dan withdraw tercepat bisa anda rasakan jika bermain di Sentanapoker. So… ? tunggu apa lagi ? Mari bergabung dengan kami. Pelayanan CS yang ramah dan Proffesional dan pastinya sangat aman juga bisa anda dapatkan di Sentanapoker.

    BalasHapus
  8. DAFTAR Agen Poker Online Indonesia Terpercaya & Terbaik Terbaru, klik link di bawah,

    -AYOGABUNG .COM
    -AGEN POKER ONLINE

    BalasHapus

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

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