125x125

125x125

Blogging is best way for making money online, most of people use google adsense for it, but what if google adsense not approved or disabled? no worry, there are many ways to make money while working online. and there are many advertisement companies like buysellads, Qadabra, Infolinks, chitika… etc also If your blog have good alexa rank (Under 90k) and Google Page Rank (3+) then advertisers will contact you, that you can make money by advertising on your blog, sidebar is the best place for ads, You’ve must have seen 4 125X125 Ad slots on the sidebar of many popular blogs, Most of them are hosted on WordPress. In this post I’ll show you How to put 125X125 Banner widget on Blogger hosted blogs, i have designed 2 different 125×125 advertising slots by help of CSS and HTML, you can select the one which you prefer. you can see the above both images as example.

Also Read:- Best and Important Tips on How To Increase Alexa Rank Of Your Blog

How to add 125×125 Ads slots to blogger?

  • as usual go to blogger–>layout–>add a gadget
  • Choose HTML/Javascript from the list
  • Copy and paste below code just into it

Simple

<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
<tr>
<td>
<center>
<a href="Advertiser URL" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="Advertiser URL 2" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="ADVERTISER URL 3" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="ADVERTISER URL 4" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>

Stylish

<style>
#MD-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#MD-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}
</style>
<div id="MD-ads" align="left">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
<tr>
<td>
<center>
<a href="Advertiser URL" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="Advertiser URL 2" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="ADVERTISER URL 3" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="ADVERTISER URL 4" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>
</div>

Choose any one which you perfer you can test or edit it by using our HTML editor

Also Read:- How do I Start a Blog and Make Money Online? : The Complete Guide

Things to Replace

1: If you want to increase Distance between Ads then change width=”256″
2: Replace ADVERTISER URL with the Ad link
3: Replace http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png with Banner image link
4: Replace AD DESCRIPTION with Description about Ad, When someone will hover mouse He’ll see the Ad info.
5:you can change border color in above stylish widget by editing into css.
6: Replace bgcolor=”#fff with background color of widget.

Now you’ll be able to see four Ad slots on your Blog. Hope you liked my tutorial, Please take a few seconds to share it or leave a comment below. :D