Cara Menambahkan 7 Kotak Iklan
Assalamualaikum...Buat para Sobat Blogger yang nyari duit sambil ngeblog alias nyari pendapatan tambahan dari Iklan, Afliasi program, PTC,Backlink dan sejenisnya, nich gw ada tips dari Kang Mochal,gimana caranya meamasang 7 kolom iklan 125x125 dibawah header blog sobat, contohnya di blog ini...
Gimana bagus kan...?? langsung saja ikuti langkah-langkah di bawah ini :
1.Seperti biasa, setelah sobat login ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog sobat dan klik Edit Html( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan ).
2. Langkah pertama cari kode <div id='main-wrapper'> atau <div id='main-wrap1'>, <div id='main-wrap2'>
3. Selanjutnya Paste Kode dibawah ini di atas <div id='main-wrapper'>
<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
<li><a href='mailto:mwafiez@gmail.com' target='_blank'><img border='0' height='125' src='http://i897.photobucket.com/albums/ac173/MWcrew/ADSSpace.png' width='125'/></a></li>
</ul></center>
</div>
</div>
4.Selanjutnya copy (Ctrl + c) kode di bawah ini dan paste (Ctrl + v) di atas kode ]]></b:skin>
#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}
Note :
- Sesuaikan kode yang berwarna merah dengan keinginan anda, untuk gambar iklannya bisa anda ganti dengan gambar yang saya sediakan di bawah ini....
