0 125x125 IMAGE ADS BANNER FOR BLOGS

125x125 Image Ads Banner Widget/Gadget For Blogs. I hope you have noticed ad spots of different sizes in various blogs. Do you know what the objectives of this ads banner in blog are? If not than let me tell you, this is the famous ads widgets which most of the professional blogs have. This blogger ad widget would prove very helpful for you in designing ads spot in your blog, especially if you are registered as publisher with Buy and Sell Ads including various other advertising companies. You may also opt for direct ads placement in your blog with the help of this widget. I have designed different versions of this blogger banner ads widget/ads gadget. You can easily copy the code and implement in your blog in minutes. Lastly, I would like to inform you that this is the most popular ads widget that include 4 images two at the top and two just below it and I have also noticed that bloggers calls this as 125x125 banner ads for blogger and sometimes random ads widget for blogger which is exactly similar to banner ads gadget 125x125. An unnoticeable difference between these two widgets is that the former is static and another keeps on changing every time a page is reloaded.

...............................................................................................................

Steps to Add Banner Ads Widget/Gadget to Blogger

...............................................................................................................

So, how to add banner ads widget/ads gadget in blogger blog. For making this possible log in to your blogs dashboard and select the blog you want to add this ads widget.

Go to Design > Add Gadget > Html/Javascript

Choose HTML/JavaScript Widget

Paste the below given code inside it.

Save and reload your blog to see the changes.

Click Here To Get Lists of Html Color Codes

<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#000000">
<tbody><tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-1 " height="125"/></a></center></td>

<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-2 " height="125"/></a></center></td></tr>

<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="URL OF BANNER’S IMAGE-3 " height="125"/></a></center></td>

<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="RL OF BANNER’S IMAGE-4 " height="125"/></a></center></td>
</tr>
</tbody></table>
<table border="1" bordercolor="#ffffff" cellpadding="2" cellspacing="1" width="269" bgcolor="#000000">
<tbody>
      <tr>
       <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="269" height="29" border="0" alt="AD DESCRIPTION!" src="URL OF BANNER’S IMAGE-5" /></a></center></td>
      </tr>
    </tbody></table>
</div>
</div>

...............................................................................................................

Suggested Reading:

...............................................................................................................

•  Color Code Picker For Blog Designing

• Add Search Box to Blogger Blog

...............................................................................................................

Customizing the codes:

...............................................................................................................

1. Replace  all the colored phrases with the Image banner links provided by Advertisers.
a)URL OF BANNER’S IMAGE-1  URL OF BANNER’S IMAGE-2  
b)URL OF BANNER’S IMAGE-3 URL OF BANNER’S IMAGE-4 
c)URL OF BANNER’S IMAGE-5
 
2. Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.

3. Replace URL OF ADVERTISER with the link provided by advertisers.

4. Replace this color code for changing the background of  the ads widget  ( bgcolor="#000000")

5. If you want to increase the distance between the ad blocks then edit width="265"

Note: Do not change image width and  height.

...............................................................................................................

Download similar ads widgets:

...............................................................................................................
Coming Soon.....

...............................................................................................................

Add Widget to Blogger:

...............................................................................................................