Cara Menambahkan 7 Kotak Iklan

Photobucket

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....




6 Comments
Related Post

Join the Discussion!

Zey
August 22, 2011 10:48 PM | Delete comment

ma ksih infonya bos...

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan