Connect with us

Development

Add 125×125 Ads Widget To Blogger Blog

Published

on

125x125-ads-widget-for-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.

Advertisement

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:


<a
target="_blank" href='http://www.widgetbucks.com/home.page?referrer=9743006'>
<img border='0' src='http://images.widgetbucks.com/images/referral/Ads-suck-01c.gif'/>
</a>
<a
target="_blank" href='http://bux.to/?r=zainali88'>
<img border='0' src='http://img249.imageshack.us/img249/65/banbux125x125bx6.png'/>
</a>
<a
target="_blank" href='http://www.sendearnings.com/?r=ref1677354'><img border='0px' src='https://img528.imageshack.us/img528/8154/sendearnings125x125hd9.gif'/></a>
<br/>
<a target="_blank" href="http://kontactr.com/user/zainali88">Advertise here</a>

Advertisement


Click here to take this code without links and pictures [+/-]


<a target=”_blank” href=’FIRST-125×125 AD LINK‘>
<img border=’0′ src=’FIRST-125×125 AD PIC‘/>
</a>
<a target=”_blank” href=’SECOND-125×125 AD LINK‘>
<img border=’0′ src=’SECOND-125×125 AD PIC‘/>
</a>
<a target=”_blank” href=’THIRD-125×125 AD LINK‘>
<img border=’0px’ src=’THIRD-125×125 AD PIC‘/></a>
<br/>
<a target=”_blank” href=”YOUR_CONTACT_LINK“>Advertise here</a>

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.

To change link behind Advertise here, replace the link in purple, with your link, that may lead to your email address/contact form or any link of your choice.

In my case its linking to my contact form.

Above code will show 3 ads in a row, and offcourse you can add more, but remember next 3 ads will be shown in next row.

Advertisement

125x125-ads-sidebar-widget-for-blogspot

If you want to show another ad, just Edit the widget and add this line:



<a href='YOUR-AD-LINK'>
<img border='0' src='PICTURE-LINK'/>
</a>

above


<br/>

…This will show your new ad. 🙂

Advertisement

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.

125x125-ads-sidebar-vertical-widget-for-blogspot


Good thing about this simple widget is that, it can be accommodated even in vertical column. It automatically adjusts itself, and shows the ads in vertical manner.


Leave your comments and tell me how much is this widget helpful to you.
and if you face any problem installing this widget, tell me.

Thanks.

Advertisement
Advertisement
Comments