Thursday 23 August 2012

Add advertise here banner as like as buysellads in blogger sidebar.

Now add advertise here banner in blogger sidebar with your contact link so that advertiser can contact you for advertising in your blog easily now.

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 go to Blogger Dashboard and click in design tab.
* 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: