How To Add Customized 125x125 Banner Ads Slot In Blogger Sidebar

 Hello Guys, Today in this post i will going to share about " How To Add Customized 125x125 Banner Ads Slot In Blogger Sidebar". 



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, Infolinks, adsterra… 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.

In this post I’ll show you how to add 125X125 Banner widget on Blogger hosted blogs, i have designed 2 different 125×125 advertising slots HTML, you can see the above both images as example.

 

How to add 125×125 Ads slots to blogger?

  1. Login to  your Blogger dashboard.
  2. Click on Layout  Ã   Then Click on Add a Gadget.
          
           3.Choose HTML/JavaScript from the list.
           4.Copy and paste below code just into it.



Copy The Code Below




<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/AVvXsEhs8K8Oak6A8yDr_aHwlEXzPFS2Q0hp5yGK85fuhOnxSFGNu-RudFlwQRQM1gqU-GAzNawzQN9HQoDZikdxTajIaetqYJiaw88iKrR93ncLhObFR1BuJ0zXhoEWYqppVztaH3ir-miS2EpVch-kk990y_jhv_CKg-dUnTcHU6F4T0RMCj2qSW7eZOMi-s9B/s125/Advertise%20Here.gif" 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/AVvXsEhs8K8Oak6A8yDr_aHwlEXzPFS2Q0hp5yGK85fuhOnxSFGNu-RudFlwQRQM1gqU-GAzNawzQN9HQoDZikdxTajIaetqYJiaw88iKrR93ncLhObFR1BuJ0zXhoEWYqppVztaH3ir-miS2EpVch-kk990y_jhv_CKg-dUnTcHU6F4T0RMCj2qSW7eZOMi-s9B/s125/Advertise%20Here.gif" 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/AVvXsEhs8K8Oak6A8yDr_aHwlEXzPFS2Q0hp5yGK85fuhOnxSFGNu-RudFlwQRQM1gqU-GAzNawzQN9HQoDZikdxTajIaetqYJiaw88iKrR93ncLhObFR1BuJ0zXhoEWYqppVztaH3ir-miS2EpVch-kk990y_jhv_CKg-dUnTcHU6F4T0RMCj2qSW7eZOMi-s9B/s125/Advertise%20Here.gif" 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/AVvXsEhs8K8Oak6A8yDr_aHwlEXzPFS2Q0hp5yGK85fuhOnxSFGNu-RudFlwQRQM1gqU-GAzNawzQN9HQoDZikdxTajIaetqYJiaw88iKrR93ncLhObFR1BuJ0zXhoEWYqppVztaH3ir-miS2EpVch-kk990y_jhv_CKg-dUnTcHU6F4T0RMCj2qSW7eZOMi-s9B/s125/Advertise%20Here.gif" height="125"/></a>

</center>

</td>

</tr>

</tbody>

</table>



Things to Replace in Codes

1.If you want to increase Distance between Ads then change width=”256″.
2.Replace ADVERTISER URL with the Ad link.
3.Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8K8Oak6A8yDr_aHwlEXzPFS2Q0hp5yGK85fuhOnxSFGNu-RudFlwQRQM1gqU-GAzNawzQN9HQoDZikdxTajIaetqYJiaw88iKrR93ncLhObFR1BuJ0zXhoEWYqppVztaH3ir-miS2EpVch-kk990y_jhv_CKg-dUnTcHU6F4T0RMCj2qSW7eZOMi-s9B/s125/Advertise%20Here.gif with Banner image link of the Advertiser.
4.Replace AD DESCRIPTION with Description about Ad, When someone will hover mouse He’ll see the Ad info.


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.


Post a Comment

Previous Post Next Post