Kamis, 21 Juni 2012

Cara Membuat Banner Berjalan

Banner adalah 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 sebuah alamat URL baik itu postingan artikel dan lain-lain.

Jika banner 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.

Langkah – langkahnya sebagai berikut :
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://rinkosamani.blogspot.com/2012/06/cara-membuat-banner-berjalan.html" target="_blank">Widget by Rinko-Samani</a></div>

5. Ganti :
1.width="340 px" ganti 340 menjadi total lebar banner Anda
2.height="80" ganti 80 menjadi tinggi banner Anda
3.width="130" ganti 130 menjadi lebar persatu banner Anda
4.URL Tujuan Gambar ganti menjadi alamat URL yang dituju oleh gambar
5.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

26 komentar:

  1. boleh juga idenya sobat..lebih menghemat tempat kayaknya :)

    BalasHapus
  2. hadir disini menyimak ^_^

    BalasHapus
  3. boleh juga tu kapan" bisa d coba..
    nice info gan..

    BalasHapus
  4. keren nii sob,,, thanks ya,,

    BalasHapus
  5. keren sobat , thank kunjung balikk,

    BalasHapus
  6. have a relaxing friday night!

    BalasHapus
  7. Saya pernah buat ini utk link sahabat bang, tapi saat sobat nge-check link nya terpaksa nunggu sampai muncul pada urutannya. Karena link cukup banyak, jadi nunggunya lumayan lama. Akhirnya saya rubah manual pake scroll hehehehe

    BalasHapus
  8. Bang Arie : Iya bang,kalau bannernya kebanyakan mending pake scrol aja

    BalasHapus
  9. dulu saya pernah coba nii,, mank bagus kawan

    BalasHapus
  10. May u have a nice weekend same as here..visiting!

    BalasHapus
  11. mantap sob,...............keep blogging ..nice share.. :)

    BalasHapus
  12. keren bang,.. selalu dapet ilmu setiap berkunjung disinii.. makasih banyak bang.. :)

    BalasHapus
  13. Saya dulu juga pakai cara ini gan,tapi sekarang enggak lagi.:)karena saya sekarang cuma pasang link bukan benner.:)

    BalasHapus
  14. Wah ilmu yang sangat bermanfaat.. terutama untuk saya yang new bie... Salam Mas... :)

    BalasHapus
  15. trims pak atass share ilmunya

    BalasHapus
  16. artikel yg menarik mas, dan juga saya suka dengan ulasannya yg cukup bagus dan detail, dan juga salam kenal dari mico ya, dan sekalian gan kalo ada yg dengan film box office terbaru silakan download aja ditempat gue karena banyak film update terbaru loe, hehe dan makasi adminnya juga nie, makasi gbu

    BalasHapus
  17. terima kasih banyak mas, sangat membantu saya. semoga allah swt membalas kebaikannya.

    BalasHapus
  18. bagus sekali tutorial diatas sob,, saya akan coba
    tapi mau buat banner yang bagus dulu
    :)

    salam berbagi

    BalasHapus