Add 125×125 Ads Widget To Blogger Blog

Beside Google Adsense, showing ads of others sites on your blog helps you earn more.

For these ads, size of 125×125 have become very popular. Using this ad size you can show more ads, using less space.

If you want to show these 125×125 little square-shaped ads on your blogspot blog, then all you have to do is to add a simple HTML/Javascript widget, that can show 3 ads in a row.

Most of the blogger templates now comes with a pre-installed “125×125 ads section widget”, but if your blog doesn’t have this, then follow these few easy steps to add this widget.

1. Go to ‘Layout” of your blog.

2. Choose the section where you want to show this ads widget and then click “Add a Gadget” link.

3. From the pop up window that opens, choose second widget i-e “HTML/JavaScript”.
Another window will pop-up.

4. In that window I’d recommend to leave the Title blank , but if you still want to give something to it, you can.

5. In the content Area, Copy/Paste this code below:

<table border="0">
<tbody>
<tr>
<th width="126" height="126" align="center"><a style="color: red;" href="http://www.esoftload.info" target="_blank"><span style="color: red;">http://www.esoftload.info</span>'><img style="color: lime;" src="http://i39.tinypic.com/2qn9yxt.jpg" border="0" alt="" /><span style="color: lime;">http://i39.tinypic.com/2qn9yxt.jpg</span>'/></a></th>
<th width="126" height="126" align="center"><a style="color: red;" href="http://www.esoftload.info" target="_blank"><span style="color: red;">http://www.esoftload.info</span>'><img style="color: lime;" src="http://i39.tinypic.com/2qn9yxt.jpg" border="0" alt="" /><span style="color: lime;">http://i39.tinypic.com/2qn9yxt.jpg</span>'/></a></th>
</tr>
<tr>
<td width="126" height="126" align="center"><a style="color: red;" href="http://www.esoftload.info" target="_blank"><span style="color: red;">http://www.esoftload.info</span>'><img style="color: lime;" src="http://i39.tinypic.com/2qn9yxt.jpg" border="0" alt="" /><span style="color: lime;">http://i39.tinypic.com/2qn9yxt.jpg</span>'/></a></td>
<td width="126" height="126" align="center"><a style="color: red;" href="http://www.esoftload.info" target="_blank"><span style="color: red;">http://www.esoftload.info</span>'><img style="color: lime;" src="http://i39.tinypic.com/2qn9yxt.jpg" border="0" alt="" /><span style="color: lime;">http://i39.tinypic.com/2qn9yxt.jpg</span>'/></a></td>
</tr>
</tbody>
</table>

To change these ads;
- Replace the Links (in red) with your links that redirect to the advertiser’s page.
- Replace the Links (in green) with the (125×125) ads picture that advertisers gave you.

6. Click Save to close HTML/Javascript window and then Click Preview from the layout window.

7. If your blog looks all fine, in preview pane, then you can Save the settings.


Article by

Isha has written 200 awesome articles.

If you like This post, you can follow Cyber World on Twitter. Subscribe to Cyber World feed via RSS or EMAIL to receive instant updates.

Google Profile | Facebook

Write for us a Guest Post!
Google

1 Comments

  1. Great dude… Nice Post…. Helps me lot… thanx for the wonderful post

0 Trackbacks

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    *

    You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    CommentLuv badge