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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfbfNApklwHGxyxR3awZZmJWca068N8csxjRlB70BhhD5gIKmv-E1IEeTrLvOAaOAD_6QUpgTj55wq-mP8me6fo1O1oh6OjKTye6KMDl6Wm5ft6fAo-qlj2Eae_Grj6XqJT55arAFVmgEp/s320/Pelelangan+Ikan.JPG" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZXfgK2Ji3Z-NEUAGobPRon4pOBu_WUNf8wmdlVe7ZQ1Shaa8lwVDhEKvkMKWOjR3nForPeVVHKwl7YRbJ9hwUiBkutJNxlnc5lIZoKRcI1pk6A6KgN3G4p0nLu2NcFt2ROQwJdkesmyO/s320/IMG_0168.JPG" style="font-size: 100%; text-align: left; " /><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPPUZ59y3rmqkCXZLKhd8syxUSg1mZyF2KOnTewNmNFjDU0vBUh-9GQ6aP9RRwNi6HvcaYfLAUujS-CSiuxuP418bRUf-4aOSb27yWH-Gt7hvp64L30_LESFHqFOveVQiAN_0MFbzBlnH/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUqlKfXyJu4D9vQZwLetuNYUxjT2D_5KNMcvkEZbAen_HTxZDaTLN14-93fzykZoqGP7-E_HTrZ75KD0wKyUBdBs7upXHxM4YLYKhJLu3bR9Owv0jgBZ3NymLItaUFlblJtNFOiDVRwvGf/s320/lukusan+3d+pa+subadar.jpg" width="200" /><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd5_rcKsR4GqayeZOm0lxx-yO5MYzes4ZY_lPqoC5cWboorY2Ah6h60s2zynDfDO9FFYby3ZqSfWiGRMGq_xnjT_McQvN06LZs1gTrh52jLGmyUu0owFOXs1U4zgAPRX3Uml4PECuhvwQ/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..!!!

Thanks for reading & sharing KUMPULAN ILMU DAN CERITA