Advertise Box as Like as BuySellAds Banner
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...!!!
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>
4. Kemudian Simpan.
5. Pergi ke Elemen Laman--->>>Tambahkan Gadget--->>>Html/Javascript kemudian paste kode di bawah ini
6. Klik Simpan
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