>Cara Menambah Kolom Iklan Header ADS di Template Blogspot


>


.fullpost{display:inline;}
Bagi Anda yang ingin memonetize website atau blognya, tidak salah bila mencoba program iklan yang bisa ditampilkan di blognya. Sebenarnya trik ini pernah di bahas dalam artikel Saya yang terdahulu yaitu Cara Menambah Kolom Iklan SIDEBAR ADS di Template Blogspot, cuma trik tersebut hanya menampilkan iklan di kolom sidebar saja. Nah kali ini, 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 125×125 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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&#8217; 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

Oke sampai disini dulu pembahasan mengenai Kolom Iklan di website atau blog kita, semoga bermanfaat, dan Selamat mencoba.

Terimakasih.
 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: