Membuat Kotak Iklan Banner Pada Blog

Coba lihat gambar di bawah ini,

Nah, itulah bentuk kotak iklan link banner dan kotaknya akan tersusun rapi sesuai dengan berapa jumlah dan besar kotak iklan link banner tersebut yang ingin ditampilkan. Jika blog kalian ingin dipasang kotak iklan link banner caranya sangat gampang, ikuti tutorial dan petunjuk berikut ini dengan benar.

1. Masuk ke acount blogger anda

2. Pilih Tata Letak --> Edit Html

3. Cari kode berikut ini : ]]></b:skin>

4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.

#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 125px;
height : 125px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

5. Copy semua kode dibawah ini :

<div id='Banner-ads'>

<a hight='100' href=' http://mantpi-masalalu.blogspot.com/launch/?id=6628/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.TDWUniversity.com/launch/images/125x125.gif'/></a>

</div>

Keterangan :

---> tulisan berwarna merah ganti dengan "url web/blog" anda

---> tulisan berwarna biru ganti dengan "url gambar" anda

---> untuk memperbanyak jumlah kotak iklan link banner paste kan saja kode tersebut

6. Kemudian letakkan persis di atas kode berikut :

<div id='main-wrapper'>

7. Simpan Perubahan.
Jika telah mengikuti tutorial diatas dengan benar, maka kotak iklan link banner akan muncul pada blog anda.

Cara bikin kotak iklan

Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu om jelasain lagi untuk apa..om yakin pasti semua sudah ngerti. Oh iya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, maaf om lupa nama yang minta, yang jelas ada dikolom komentar dan imel yang masuk. Ya udah om tulis aja tutorialnya dibawah ini:

Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah 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;

}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.

<a target="_blank" href="http://mantpi-masalalu.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://mantpi-masalalu.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://mantpi-masalalu.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://mantpi-masalalu.blogspot.com/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

</div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.

<a target="_blank" href="http://mantpi-masalalu.blogspot.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>


Sbr:http://trik-tips-ngeblog.blogspot.com