How To Add Stylish CSS Powered 125×125 Ads Slots For Blogger Blogs

Blogging can be very profitable and being one of the best and legal way making money online. One can monetise a blog using Google Adsense and other PPC Ad provider companies like Yahoo-Bing’s MediaLinks, BuySellAds, Qadabra, InfoLinks, Chitika, Addynamo, OpenAd Nation.

Also Read: Google Adsense Alternatives

All above mentioned monetising avenues are quite attractive but can be slow if your blog doesn’t have enough quality traffic. But all hope is not lost. If you fall in this category, you can place adverts from Third-party websites, companies, etc on your blog, using your blog sidebars, footer and header. 

Also Read: Make Money Through Affiliate Marketing

In today’s post I’ll show you how to put 125*125 Ad Banner widget on your blog sidebar. : This Add Slot Tweak is into Two Types. The Simple 125*125 Ad Slots and The Stylish CSS Powered 125*125 Ad Slots.

How to add 125×125 Ads slots to blogger?

• Go to >> Blogger >> Layout >> Add Gadget
• Choose HTML/JavaScript from the list
• Copy and paste below code into the HTML/JavaScript Editor

Note: This Add Slot Tweak is into Two Types. The Simple 125*125 Ad Slots and The Stylish CSS Powered 125*125 Ad Slots. So just make a choice between the two codes below.

Simple 125×125 Ads Slots

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/s1600/ad-here.png" height="125"/></a>

</center>

</td>

</tr>

</tbody>

</table>

Stylish CSS Powered 125×125 Ads Slots

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskAuSJ3QB1xVW5lTfMeCQ06iywMmNTsDI4NcTy3nYT8EJD02DsMmQD45TT5ktTI2amllPdxx82m5shJDMEV8Hb2RHkF4G-to4GA1HYX0d84Z2F0jADLECQ8UPEqaFffVnb48Hd4c-eC0/s1600/ad-here.png" height="125"/></a>

</center>

</td>

</tr>

</tbody>

</table>

</div>

Tweaking: Things to Replace

If you want to increase Distance between Ads then change width=”256″ to any choice width of yours.

• Replace ADVERTISER URL with the Ad link
• Replace The Link In Red with Banner image link
• Replace AD DESCRIPTION with Description about Ad.

Note: Ad Description if an Ad info text that appears when someone hover a mouse on the Ad.

Now you’ll be able to see four Ad slots on your Blog. Hope you liked this tweak; 

Please take a few seconds to share on facebook, twitter or googleplus or leave a comment below.