Cara Membuat Banner Bergerak di Blog

Klik Blogger - Cara Membuat Banner Bergerak di Blog

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 membuatbanner bergerak secara bolak balik dan hanya akan berhenti jika disorot oleh kursor mouse.


Contoh Banner bergerak :

Selamat Datang Di Situs Visit Sukabumi


Sudah ada bayangankan jadinya kalau dipasang pada blog Anda.
Langkah pembuatan :


  • Masuk pada akun Blogger Anda
  • Pilih Rancangan >> Elemen Laman >> Tambah Gadget pada tempat yang diinginkan
  • Pilih HTML / JavaScirpt
  • Simpan Posisi Sesuai Keinginan Anda
  • Pastekan kode berikut :


<marquee align="center" behavior="alternate" direction="left" scrollamount="3" width="600 px" style="font-size: 100%; " onmouseout="this.start()" onmouseover="this.stop()"><span><b>Selamat Datang Di Situs Visit Sukabumi</b></span></marquee><div style="font-weight: normal; "><marquee align="center" behavior="alternate" direction="left" scrollamount="3" width="600 px" style="font-size: 100%; " onmouseout="this.start()" onmouseover="this.stop()">
</marquee><marquee align="center" behavior="alternate" direction="left" scrollamount="3" width="600 px" style="font-size: 100%; " onmouseout="this.start()" onmouseover="this.stop()"><a href="http://iklansukabumi.blogspot.com/2012/05/kisah-prabu-siliwangi_11.html" target="_blank"><img border="0" height="120" src="http://cdn-u.kaskus.us/70/djautl2a.jpg" width="200" /></a><img border="0" height="120" src="http://4.bp.blogspot.com/_XSseaScuBeQ/TEG5GXlPYMI/AAAAAAAAAWQ/sZNuDBEstYM/s320/Pelelangan+Ikan.JPG" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="http://2.bp.blogspot.com/_XSseaScuBeQ/TD86GrK2bfI/AAAAAAAAAUw/dbZFNsJP8i0/s320/IMG_0168.JPG" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="http://3.bp.blogspot.com/-PjWNgdX0wdM/TdZfgJyGVyI/AAAAAAAAAL0/jpmEkVIu1Ec/s320/kanjeng-nyi-roro-kidul.jpg" width="200" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/375278_2820540351796_1207536018_3386720_1291312606_n.jpg" width="200" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="http://photos-h.ak.fbcdn.net/hphotos-ak-ash4/392866_2820525751431_1207536018_3386719_1693833755_a.jpg" width="200" /><img border="0" height="120" src="http://t0.gstatic.com/images?q=tbn:ANd9GcQoJWJ3eYoJW_ntzfj7bT9-9oGnbNxxSyz-Pd66wx41CLTMMen1" width="200" /><img border="0" height="120" src="http://i.poskota.co.id/uploads/2010/04/Pelabuhan-Ratu3.jpg" width="200" /><img border="0" height="120" src="http://3.bp.blogspot.com/-HkTV3bc2NEA/T5rRWds1jRI/AAAAAAAAA7g/FF1IFAcBE9s/s320/lukusan+3d+pa+subadar.jpg" width="200" /><img border="0" height="120" src="http://1.bp.blogspot.com/-oSBv5Vi9k_E/TgNY3sYbWyI/AAAAAAAAAEI/H3BWyUPokHQ/s320/surfing.jpg%20width=" style="font-size: 100%; text-align: left; " /></marquee></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div><div style="font-weight: normal; "></div>

Ganti :

width="600 px" ganti 600 menjadi total lebar banner Anda
height="120" ganti 120 menjadi tinggi banner Anda
width="200" ganti 200 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
Setelah semuanya selesai Simpan tanpa memberikan judul widget dan lihat hasilnya

Semoga Berhasil..!!!

Comments
0 Comments

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Contact Form Sebelah Kanan

Labels

 
KLIK BLOGGER © 2011 | Template by Blogger Templates Gallery collaboration with Life2Work