Cara Menambah Kolom Iklan Header ADS Pada Template Blongspot

Bagi Anda yang ingin memonetize website atau blognya, tidak salah bila mencoba program iklan yang bisa ditampilkan di blognya. Saya ingin memberikan trik dengan Menambah Kolom Iklan di Header Ads website atau blog Anda.

Jumlah Kolom Iklan yang akan dibahas kali ini adalah 7 Kolom iklan dengan ukuran 125x125 dibawah header website atau blog Anda.

Untuk membuatnya, ikuti langkah - langkah dibawah ini :

1. Login ke blogspot, lalu masuklah ke halaman Layout atau Tata letak blog Anda dan klik Edit HTML ( jangan lupa untuk backup template terlebih dahulu ).

2. Lalu Anda copy kode dibawah ini :

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' 
src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
<li><a href='mailto:emailanda@gmail.com' target='_blank'><img border='0' height='125' src='http://kwangkxz.com/images/banneriklan.png' width='125'/></a></li>
</ul></center>
</div>
</div>

3. Kemudian kode tersebut paste diatas <div id='main-wrapper'> atau <div id='main-wrap1'><div id='main-wrap2'> kalau template Anda adalah 3 kolom, itu pasti berada diantara id=main dan sidebar, maka yang harus Anda lakukan adalah paste di atas kode  <div id='side-wrapper1'> jadi pada intinya, iklan tersebut akan berada di bawah header blog atau website Anda, dan ini tergantung pada template yang Anda gunakan karena masing-masing template berbeda kode Html nya.

4. Langkah selanjutnya, Anda copy kode dibawah ini :

#sidebar-ads {
width:970px;
margin-bottom:5px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:970px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 5px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

Untuk lebar Width, itu tergantung template masing-masing, kebetulan untuk template yang Saya gunakan dengan width 970px  ( Anda tinggal merubah sesuai dengan lebar template yang digunakan ), demikian juga dengan margin dan padding.

5. Lalu paste kode tadi di atas ]]></b:skin>

6. Klik SAVE atau Simpan, dan lihat hasilnya

Artikel Terkait

• sekilas HTML
• perbedaan blogger sama wordpress
• tips promosi blog anda 
• cara edit warna sidebar blog
• nama bagian bagian template blog
• cara dapetin duit dari blog

You Might Also Like :