Home » » Cara Membuat Banner Bergerak Bolak Balik

Cara Membuat Banner Bergerak Bolak Balik

Written By RACHMAT SR on Minggu, 20 Mei 2012 | 18.21

Cara Membuat Banner Bergerak Bolak Balik

Banner berupakan gambar yang ditampilkan pada halaman blog yang bertujuan memperkenalkan / mempublikasikan sesuatu. Banner biasanya digunakan sebagai alat untuk mengiklankan sesuatu, Banner juga kadang digunakan sebagai link bergambar yang mengarah pada sebuahalamt URL baik itu postingan artikel dan lain-lain.

Jikabanner pada sebuah blog semakin banyak tentu ini akan menjadi sesuatu yang rancu, perlu dilakukan manage banner. Cara yang satu ini dapat digunakan untuk memanage banner karna dapat menampilkan banyak banner dalam satu deretan atau sekedar membuat banner Anda menjadi terlihat mencolok karna trik ini akan membuat banner bergerak secara bolak balik dan hanya akan berhenti jika disorot oleh kursor mouse.

Contoh Banner bergerak :




 





Sudah ada bayangankan jadinya kalau dipasang pada blog Anda.
Langkah pembuatan :
 
  1. Masuk pada akun Blogger Anda
  2. Pilih Rancangan >>  Elemen Laman >> Tambah Gadget pada tempat yang diinginkan
  3. Pilih HTML / JavaScirpt
  4. Pastekan kode berikut :

     
    <marquee align="center" behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="340 px">
    <a href="URL Tujuan Gambar 1" target="_blank"><img border="0" height="80" src="URL Gambar Banner 1" width="130" /></a>
    <a href="URL Tujuan Gambar 2" target="_blank"><img border="0" height="80" src="URL Gambar Banner 2" width="130" /></a>
    <a href="URL Tujuan Gambar 3" target="_blank"><img border="0" height="80" src="URL Gambar Banner 3" width="130" /></a>
    <a href="URL Tujuan Gambar 4" target="_blank"><img border="0" height="80" src="URL Gambar Banner 4" width="130" /></a>
    <a href="URL Tujuan Gambar 5" target="_blank"><img border="0" height="80" src="URL Gambar Banner 5" width="130" /></a>
    </marquee><div style="font-size: 8px; text-align: right;"><a href="http://www.katakan-hey.com/2012/04/cara-membuat-banner-bergerak-bolak.html" target="_blank">Widget by Katakan-Hey</a></div>

     
  5. Ganti :
     
    • width="340 px" ganti 340 menjadi total lebar banner Anda
    • height="80" ganti 80 menjadi tinggi banner Anda
    • width="130" ganti 130 menjadi lebar persatu banner Anda
    • URL Tujuan Gambar ganti menjadi alamat URL yang dituju oleh gambar
       
    • URL Gambar Banner ganti menjadi alamat URL gamabr banner yang akan tampil
  6. Setelah semuanya selesai Simpan tanpa memberikan judul widget dan lihat hasilnya
Selamat Mencoba & Happy Blogging
Sumber Oleh: http://www.katakan-hey.com
Share this article :

0 komentar:

Poskan Komentar

Thank for your visit, leave your suggestions and comments in the fields below ...

Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.



 
Support : Al Islam | Paalem 3 | Mushola
Copyright © 2013. Panduan Blogger - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger