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

di

25 komentar:

  1. BlogS of Hariyanto21 Juni 2012 pukul 12.21

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

    BalasHapus
  2. Tularosa21 Juni 2012 pukul 12.26

    hadir disini menyimak ^_^

    BalasHapus
  3. LEMO HOMESTAY21 Juni 2012 pukul 12.28

    nice information my friend

    BalasHapus
  4. Julian fasha22 Juni 2012 pukul 11.33

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

    BalasHapus
  5. yahyA22 Juni 2012 pukul 11.53

    keren nii sob,,, thanks ya,,

    BalasHapus
  6. kontraktor bangunan22 Juni 2012 pukul 12.53

    makasih infonya yaaa...:)

    BalasHapus
  7. Muhammad Yasin22 Juni 2012 pukul 20.39

    keren sobat , thank kunjung balikk,

    BalasHapus
  8. lisgold22 Juni 2012 pukul 22.40

    have a relaxing friday night!

    BalasHapus
  9. arie575823 Juni 2012 pukul 11.12

    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
  10. Unknown23 Juni 2012 pukul 11.36

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

    BalasHapus
  11. yahYA23 Juni 2012 pukul 21.32

    dulu saya pernah coba nii,, mank bagus kawan

    BalasHapus
  12. lisgold23 Juni 2012 pukul 21.33

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

    BalasHapus
  13. Misbah24 Juni 2012 pukul 07.50

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

    BalasHapus
  14. Unknown24 Juni 2012 pukul 15.00

    mantap bang... :)

    BalasHapus
  15. apink24 Juni 2012 pukul 18.00

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

    BalasHapus
  16. agricultureproduct24 Juni 2012 pukul 21.20

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

    BalasHapus
  17. Kang Soegie30 Juni 2012 pukul 13.00

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

    BalasHapus
  18. Sharing Ilmu Marketing, Pengembangan Diri & Peluang Usaha.1 Juli 2012 pukul 20.01

    Nice Info.. :D

    BalasHapus
  19. Javago10 Agustus 2012 pukul 14.35

    trims pak atass share ilmunya

    BalasHapus
  20. unduh film21 Oktober 2012 pukul 21.27

    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
  21. Unknown5 Desember 2012 pukul 18.16

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

    BalasHapus
  22. Anonim9 Desember 2012 pukul 02.45

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

    salam berbagi

    BalasHapus
  23. Muhammad Abdul Ghofur15 Oktober 2015 pukul 20.59

    Untuk contoh Banner berjalanya di mana gan,.,,.,..
    Download macam-macam softwere
    Kumpulan soal-soal TIK dan TKJ

    BalasHapus