Cara Memasang Kolom 7 Iklan di Blog

"Om Swastiastu"

Ada yang ingin menambahkan sesuatu yang baru dalam blognya? Misalkan kolom iklan yang diletakkan diatas tempat posting. Seperti yang terdapat dalam blog IT Programmer ini, terdapat 7 kolom iklan yang berbaris diatas tempat posting artikel IT Programmer. Untuk itu saya akan memberikan tips dan trik ini kepada teman-teman sekalian.

Kolom 7 iklan ini tentu akan sangat berguna untuk menambah space kolom untuk iklan kalian, selain itu, jika kalian mengikuti program seperti PPC atau PTC, kalian dapat memasang bannernya disana, sehingga bisa mendapatkan refferal dari pengunjung.


Hal pertama yang harus kalian lakukan tentu saya masuk ke akun blog masing-masing. Masuklah ke menu design, lalu cari Edit HTML. Jangan lupa beri tanda centang pada Expand Templatea Widgets. Setelah itu, copy code berikut dan paste diatas kode <div id='main-wrapper'>.


<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
</ul></center>
</div>
</div>


Jika dalam blog kalian terdapat sidebar kiri, maka paste code diatas tepat diatas kode sidebar kiri kalian. Lalu ganti kode emailmu@apapun.com dengan alamat emailmu, misalkan emailmu@yahoo.com. Jika sudah, copy code berikut dan paste sebelum 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}


Lalu ubah dan sesuaikan lebar atau width blog anda. Ganti kode berwarna merah dengan lebar blog anda. Lalu simpan template.

"Om Santhi, Santhi, Santhi, Om"