Membuat Kotak Banner

  "Salam.....


Hi... sob nongol lagi ne,,, kali ini saya akan coba posting cara buat kotak banner,, kali aja ada sobat yang mau blognya di pasangin banner dan khususnya banner iklan, yang mungkin sudah sering di lihat di blog-blog lainnya,,,


memang bagi kolomnya yang sudah ada ukuran bannernya itu sangat kebetulan sekali atau kalau sobat sudah masternya dalam ngedesain web/blog tentu tidak akan merasa kesulitan. Tapi bagi yang belom bisa seperti saya mungkin akan merasa kesulitan yang luar biasa, karena harus ngutak
ngatik kode-kode yang memusingkan kepala,,


Namun bagi sobat yang belom ngerti kode-kode tersebut jangan kwatir,,,karena masih banyak sobat-sobat yang secara suka rela berbagi ilmunya,,,

Nah jika sobat berminat, silahkan ikuti langkah-langkah sebagi berikut,,,,


Pertaama: sobat login ke blogger.

Kedua: setelah sobat login,langsung aja klik tata letak.

Ketiga: sobat pilih menu edit HTML. dan jangan lupa download dulu template sobat dengan mengklik tulisan download template lengkap, dan centang kotak kecil "Expand widget template"

Kempat: cari kode ini: ]]></b:skin> setelah ketemu pastekan kode di bawah ini di atasnya,,



    /* Kotak Banner
    ===================== */
    #Box-Banner-ads {
    margin: 0px;
    padding: 5px;
    text-align: center; }

    #Box-Banner-ads img {
    margin: 0px 8px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 3px outset #c0c0c0; }

    #Box-Banner-ads img:hover {
    margin: 0px 8px 4px 0px;
    padding: 3px;
    text-align: center;
    border: 3px inset #333; }


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Atau dengan menekan Ctrl+F di keyboard

Kalau sudah, silahkan simpan dulu template sobat . Kemudian pilih Tata Letak-->Tambah Gadget-->kemudian pilih HTML/JavaScript.


Lalu Copypaste kode di bawah ini:


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

<a target="_blank" href="http://soendanis.blogspot.com/"><img alt="banner ads" src="http://i930.photobucket.com/albums/ad143/soend/Banner-1.png" border="0"/></a>
 

<a target="_blank" href="http://soendanis.blogspot.com/"><img alt="banner ads" src="http://i930.photobucket.com/albums/ad143/soend/Banner-1.png" border="0"/></a>
 

<a target="_blank" href="http://soendanis.blogspot.com/"><img alt="banner ads" src="http://i930.photobucket.com/albums/ad143/soend/Banner-1.png" border="0"/></a>
 

<a target="_blank" href="http://soendanis.blogspot.com/"><img alt="banner ads" src="http://i930.photobucket.com/albums/ad143/soend/Banner-1.png" border="0"/></a>
</div>



Tulisan yang berwarna merah, itu bisa di ganti dengan alamat blog sobat, dan jika semuanya sudah siap silahkan klik save/simpan wedgetnya,,


Nah sob segini dulu posting kali ini semoga bermafaat dan Salam.


Category Article

What's on Your Mind...

Silahkankan berkomentar disini