Cara Menambah Kolom Sidebar Ads

Kalau ada yang mau menambah kolom Sidebar Ads buat blog, hanya dua langkah coppy pastenya. Caranya ...
1.Login ke blog, klik Layout / Tata letak, klik Edit Html( centang pada kotak Expand Widget Templates ).

2. Lalu copy kode dibawah ini :

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:subagya@gmail.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:subagya@gmail.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>

3. Kemudian paste di atas <div id='sidebar-wrapper'>

4. Kemudian copy kode dibawah ini :

#sidebar-ads {
width:300px;
margin-bottom:10px;
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:300px}
#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 8px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}

5. Dan paste lagi di atas ]]></b:skin>

6. Klik SAVE ( Simpan pengaturan ).
Selesai...
Tambah pandai deh kalau belajar html terus...
Gurunya siapa? mbah Google dan ribuan sumber sahabat blogger Tutorial yang sudah master tentunya.

Anda Sudah Baca Yang Ini? :