25.8.10

Cara Membuat Kotak Banner

Cara Membuat Kotak Banner - Sobat semua pasti sudah tahu dengan kotak banner yang fungsinya buat menyimpan iklan, dengan membuat slot iklan di blog tentunya akan memudahkan pengunjung yang tertarik memasang iklan di blog sobat.

kotak banner yang akan dibuat kali ini dengan ukuran 125x125, cara ini saya dapatkan dari www.o-om.com, jika sobat tertarik untuk memasang slot iklan silakan ikuti langkah-langkah di bawah ini :

Cara Membuat Kotak Banner
  • Login ke blogger dengan ID Sobat
  • Pilih Tata Letak
  • Pilih tab Edit HTML
  • Centang Expand Template
  • Kemudian cari kode <b:skin><![CDATA[
  • Copy paste kode CSS di bawah ini dan simpan sesudah kode <b:skin><![CDATA[

    #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
  • Kemudian masuk ke elemen halaman dan pilih HTML JavaScript dan Copy/paste kode di bawah ini kedalamnya

    <div id="Box-Banner-ads">

    <a target="_blank" href="http://adibey.blogspot.com/2010/08/kontak-saya-untuk-kritik-dan-saran.html"><img border="0" alt="ads" src="http://i916.photobucket.com/albums/ad1/adibey/banner3.jpg" /></a>

    <a target="_blank" href="http://adibey.blogspot.com/2010/08/kontak-saya-untuk-kritik-dan-saran.html"><img border="0" alt="ads" src="http://i916.photobucket.com/albums/ad1/adibey/banner3.jpg" /></a>
    <a target="_blank" href="http://adibey.blogspot.com/2010/08/kontak-saya-untuk-kritik-dan-saran.html"><img border="0" alt="ads" src="http://i916.photobucket.com/albums/ad1/adibey/banner3.jpg" /></a>
    <a target="_blank" href="http://adibey.blogspot.com/2010/08/kontak-saya-untuk-kritik-dan-saran.html"><img border="0" alt="ads" src="http://i916.photobucket.com/albums/ad1/adibey/banner3.jpg" /></a>

    </div>

  • Terakhir simpan template Sobat
  • Untuk menambahkannya sobat tinggal copy/paste kodenya.

    Ket: ganti Link yang berwarna Biru dengan link sobat beserta link bannernya.
  • adibey blog Updated at: 06:41

    15 komentar:

    1. Kotak banner ?? contohnya kaya gimana nih

      BalasHapus
    2. Mumpung ketemu blog DF.. mau nitip lapak aja deh

      BalasHapus
    3. cntohny yg ada di sidebar blog ini kang,

      yang kotak2 hheheh

      BalasHapus
    4. Ini juga cuman nitip link aja ya..

      BalasHapus
    5. Wah boleh juga nih.. ijin copas ya.. kapan2 tak posting di saung web.. soalnya perlu sekali nih..

      BalasHapus
    6. silakan di copas kang...

      BalasHapus
    7. terimakasih infonya..
      lam kenal

      BalasHapus
    8. Ini dia nih
      Makasih infonya :)

      BalasHapus
    9. oke makasih banyak bos atas informasiny

      BalasHapus
    10. Nah ini dia artikel yg saya cari2. Trims ya sob utk tips nya ini.

      BalasHapus
    11. aku copy terus paste di blog aku
      mungkin suatu saat aku pakai....

      BalasHapus
    12. wah boleh neh klo blog aku udh rame aku coba... salam blogger ya gan...

      BalasHapus
    13. informasinya sangat membantu saya, thanks berat...

      BalasHapus
    14. gan, biar kotaknya ga merurun semua gmn caranya? saya pengennya kesamping 2 kotak ke bawah 2 kotak, mohon pencerahan..

      BalasHapus
    15. @eko anton Kusumah cara diatas setelah jadi bannernya 2 diatas 2 dibawah, atau kalo mau ditambahin lagi juga bisa gan...

      BalasHapus

    Tidak diperkenankan melakukan Junk/Spam dan menyertakan link pada isi komentar. Terima kasih Sudah mampir dan Berkomentar di adibey blog