Rabu, 19 Oktober 2011

Membuat Banner Berjalan Di Blog


Halo sobat evanzip...kali ini evanzip akan membahas Cara Membuat Banner Berjalan pada Tutorial sebelumnya evanzip sudah menjelaskan cara membuat Recent Post Dengan Tampilan Slide Show.
maka untuk Tutorial berikut ini evanzip akan mengupas Cara Membuat Banner Berjalan di blog.Nah sob kalau kita mau sehat harus banyak berjalan begitu juga dengan Banner dia juga butuh berjalan biar sehat hehehehe mulai deh ngaco.....:D
tapi kalau Banner berjalan nga bisa sendiri Harus ada  efek marquee hmmm apa pula itu efek Marquee nah dari pada ngalor ngidul nga karuan langsung aja deh sob kita masuk ke pokok intinya simak baik baik ya...jangan sampai berkedip sekalipun kalau tidak sobat kan kehilangan moment ini....hehehe berikut Tutorialnya


contoh efek marquee untuk banner atau banner berjalan. Contohnya kos kiye tah:





Cara ini sering dipakai oleh pemilik blog atau website yang ingin memasang banyak banner namun terbatas ruangannya. Nah bagi anda yang ingin menggunakan cara ini, gunakan kode dibawah ini pada blog anda:


<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" bg height="60"><a href="http://evanzip.blogspot.com"><img src="http://images.cooltext.com/2303854.gif" /></a>
</marquee>

Ganti tulisan yang berwarna hijau dengan url website Sobat tentunya  dan tulisan berwarna Kuning dengan url banner sobat. Jika anda ingin memasang lebih dari 1 banner. Sebagai contoh sobat ingin menambah 1
banner lagi. Tambahkan kode dibawah ini diatas kode </marquee>



<span style="padding-left: 10px;"><a href="http://draft.blogger.com/evanzip.blogspot.com"><img src="http://images.cooltext.com/2303879.gif" /></a></span>


Ganti tulisan berwarna hijau dengan url website Sobat dan tulisan berwarna Kuning dengan url banner kedua Sobat. Jadi susunan kodenya menjadi seperti ini: 


<marquee scrolldelay="10" direction="right" behavior="scroll" scrollamount="3" width="468" height="60"><a href="http://evanzip.blogspot.com"><img src="http://images.cooltext.com/2303854.gif" /></a>
<span style="padding-left: 10px;"><a href="http://evanzip.blogspot.com"><img src="http://images.cooltext.com/2303879.gif" /></a></span>
</marquee>

Maka Hasilnya akan seperti ini :





Begitulah seterusnya jika Sobat ingin menambah banner lagi.

Selamat Mencoba






  Kritik Dan Saran Anda Sangat Membantu evanzip Dalam Menulis Artikel pada Tutorial berikutnya.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates