Powered by Blogger.

Wednesday 28 November 2012

How To Add Advertise Here Banner In Blogger SideBar

Posted by Imran at 11:40
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.














 How To Add Addvertise Here Banner In Blogspot



 I am going to explain two methods to add addvertise here banner with your Contact Link,


1st Method



Follow simple and easy step to adding this widget in your blog sidebar ---->>>>

* First go to your Desired blogger Dashboard.

* Now click in Template tab and edit HTML and click on Preceed.

* 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 Layout.

* 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.


2nd Method


Here I am going to start with The origin so dont use above step, if you are going to use this one. . .

* first of all go to your desired blog,

* Now Go To Layout

* 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.


<!-- Advertisment Here 1 --> 

<a href="YOUR CONTACT URL"><img src="http://i1079.photobucket.com/albums/w507/irmemon225/advertise-125x125.png" /></a>
&nbsp;
<!-- End Advertisment Here 1 -->

<!-- Advertisment Here 2 -->
&nbsp;

<a href="YOUR CONTACT URL"><img src="http://i1079.photobucket.com/albums/w507/irmemon225/advertise-125x125.png" /></a>

<!-- End Advertisment Here 2 -->

<br />

<!-- Advertisment Here 3 -->

<a href="YOUR CONTACT URL"><img src="http://i1079.photobucket.com/albums/w507/irmemon225/advertise-125x125.png" /></a>
&nbsp;
<!-- End Advertisment Here 3 -->

<!-- Advertisment Here 4 -->
&nbsp;

<a href="YOUR CONTACT URL"><img src="http://i1079.photobucket.com/albums/w507/irmemon225/advertise-125x125.png" /></a>

<!-- End Advertisment Here 4 -->


This Method Is Prety Simple, that i recomended to you!

NOTE:- Change in above code YOUR CONTACT URL with your own ok

* Now click to save your HTML/Javascript and now you are done.



If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!


Kindly Bookmark and Share it:

YOUR ADSENSE CODE GOES HERE

0 comments:

Have any question? Feel Free To Post Below:

 

Blog Archive

Popular Posts

© 2011. All Rights Reserved | ITWebister | Template by Blogger Widgets

Home | About | Top