Cara Membuat Kotak Banner Iklan di Blogspot

Umumnya kotak banner iklan ini sudah bawaan asli dari template. Tapi gimana yang udah terlanjur make template yang hanya ada dua sidebar? Jika sidebar anda hanya dua maka perlu ditambah satu sidebar lagi untuk meletakkan kotak iklan ini.


Langkah-Langkah Membuat Kotak Banner Iklan

Masuk halaman Edit HTML, tidak perlu mencentang Expand Widget.
Copy kode css berikut


/*----------Banner 125x125-----------*/

.banner{
margin: 0 0 10px 0;
padding: 10px auto 10px;
width:348px;
float:center;
border:1px solid #d6edf8;
background:#fff;
}

.banner ul {
margin: 0px 0px;
padding: 10px 25px;
overflow: auto;
}

.banner li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:right;

}

.banner li a:link, .banner li a:visited {
text-decoration: none;
}

Letakkan sebelum kode ]]></b:skin>

Kemudian, copy kode berikut

<div class="'banner'">
<ul>
<li>
<a href="'http://YOUR-LINK-HERE'" target="'_blank'"><img alt="'ads'" border="'0'" src="'http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/Da1niOQL0Uw/s1600/advertise%2B125x125.png'/" /></a>
</li>
<li>
<a href="'http://YOUR-LINK-HERE'" target="'_blank'"><img alt="'ads'" border="'0'" src="'http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/Da1niOQL0Uw/s1600/advertise%2B125x125.png'/" /></a>
</li>

<li>
<a href="'http://YOUR-LINK-HERE'" target="'_blank'"><img alt="'ads'" border="'0'" src="'http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/Da1niOQL0Uw/s1600/advertise%2B125x125.png'/" /></a>
</li>
<li>
<a href="'http://YOUR-LINK-HERE'" target="'_blank'"><img alt="'ads'" border="'0'" src="'http://4.bp.blogspot.com/_nxOMLf2KJwU/Sai5_XgYzxI/AAAAAAAABG4/Da1niOQL0Uw/s1600/advertise%2B125x125.png'/" /></a>
</li>
</ul>
</div>


Letakkan di bawah <div id='sidebar-wrapper'> kemudian save.

Perlu dilakukan penyesuaian sesuai ukuran sidebar anda.