
Follow simple and easy step to adding this widget in your blog sidebar ---->>>> * First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</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;
}
* Now you are here --->>> Page element.
* Now click in Add gadget which is in your blogger Sidebar.
* When open new window click in HTML/Javascript from list.
* When open new blank box copy below code and paste in blank box
<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>
NOTE:- Change in above code YOUR CONTACT URL with your own ok
* Now click to save your HTML/Javascript and now you are done.
No comments:
Post a Comment