.....:::::Di blog MU'ALIM banyak trik yang sangat menarik dan gampang untuk di pelajari, apabila ada kesulitan tanyakan saja pada MU'ALIM . Terima kasih::::....


.

MU'ALIM LOVE WINDA FOREVER
Blogger newbie yang masih belajar tentang CSS dan HTML. Kadang suka ngutak ngatik HTML sendiri. Walau gagal, tetep coba dan gak mau menyerah sampai bisa.
Blogger yang satu ini bukan master, jadi jangan nanya yang macem sama dia.
Avenged Sevenfold, Linkin Park, Muse, Big Bang, Chris Brown dan Suigetsu Hozuki jadi favoritnya.
Jangan lupa Add Facebook Blogger ini, Follow Twitternya juga, dan ini :Deezclan Komunitas orang kreatif.

Sabtu, 17 September 2011

Home » » membuat kotak banner

membuat kotak banner

Diposting oleh pendekar muda
Label:

Kali ini Blogging With Me akan membahas mengenai Kotak Iklan Banner , melihat belakangan ini semakin maraknya pemasangan Banner Untuk Iklan di blog dan kebanyakan Template tidak mempunyai fasilitas Kotak  Banner Ads ini maka saya Akan memberitahu cara membuatnya agar blog Sobat bisa dipasangi Banner Ads. berikut adalah langkah-langkah dalam pembuatnya :



  • Masuk ke Blogger.com
  • Pilih Rancangan > Edit Html > centang "Expand Widget Template"
  • Lalu letakkan kode berikut diatas kode ]]></b:skin>

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}
  •  Simpan Template
Langkah selanjutnya adalah penambahan pada elemen.
  • Pilih Rancangan > Tata Letak > Add Widget > Html Javascript
  • kemudian Copy paste kode berikut :

<div id="Box-Banner-ads">
<a target="_blank" href="http://tanpa-isi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a>
<a target="_blank" href="http://tanpa-isi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a><a target="_blank" href="http://tanpa-isi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a><a target="_blank" href="http://tanpa-isi.blogspot.com/"><img border="0" alt="ads" src="https://sites.google.com/site/wayankatel/file/Banner125.gif"/></a> </div>

ket : ganti tulisan yang berwarna merah tersebut dengan alamat Url iklan banner . dan ganti tulisan yang berwarna pink dengan Url gambar iklan sobat.
  • Lalu Save.
Semoga trik kali ini bisa bermanfaat bagi sahabatku semua dan semoga berhasil



Artikel Terkait:




Sebarkan Artikel ini :

DiggGoogle BookmarksredditStumbleUponTechnoratiYahoo! BuzzDesignFloatDeliciousBlinkListFurl

0komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

thank to visit

Langganan:Posting Komentar (Atom)

MY BANNER

 
copy right © MU'ALIM TIM SAR