Bagaimana ya cara membuat kolom pengiklanan di sidebar blog teman-teman?? atau yang biasanya disebut Advertise Box Hmmm,,,,caranya sangat mudah sobat, mau tau???
langsung aja ane kasih tau tutorialnya di bawah ini...di simak ya gan...
Check This Out...!!!
Preview :
1. Masuk ke blogger dashboard kemudian klik Rancangan -> Edit Html
2. klik "expand widget template" kamudian cari kode ]]</b:skin>
3. Tambahkan kode ini sebelum kode ]]</b:skin>
/*----------BANNER 125x125-----------*/
.banner{
margin: 0px 0 20px 0;
padding: 0;
width:300px;
float:left;
}
.banner ul {
margin: 0px 0px;
padding: 0px 0px;
overflow: auto;
}
.banner li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:right;
background:#444;
}
.banner li a:link, .banner li a:visited {
text-decoration: none;
}
4. Kemudian Simpan.
5. Pergi ke Elemen Laman--->>>Tambahkan Gadget--->>>Html/Javascript kemudian paste kode di bawah ini
<div class='banner'>
<ul>
<li>
<a href='YOUR CONTACT URL HERE' rel='ADVERTISING' title=''><img alt='' src='http://santabanta.mywapblog.com/files/advertise-125x125.png'/></a>
</li>
<li>
<a href='YOUR CONTACT URL HERE' rel='ADVERTISING' title=''><img alt='' src='http://santabanta.mywapblog.com/files/advertise-125x125.png'/></a>
</li>
<li>
<a href='YOUR CONTACT URL HERE' rel='ADVERTISING' title=''><img alt='' src='http://santabanta.mywapblog.com/files/advertise-125x125.png'/></a>
</li>
<li>
<a href='YOUR CONTACT URL HERE' rel='ADVERTISING' title=''><img alt='' src='http://santabanta.mywapblog.com/files/advertise-125x125.png'/></a>
</li>
</ul>
</div>
6. Klik Simpan
Note :
- Ganti kode yang berwarna Orange dengan Url link yang akan dituju