How to create 125 by 125 Ad Banner Widget For Blogger/Blogspot Blogs?

The Simplest Secret of 125 by 125 Ad Banner

In many blogs, you may see several 125 by 125 affiliate links. These affiliate links may help you to earn more money easily. These affiliate marketing ads are really valuable and you may use them besides Google AdSense program. If you successfully implement these 125 by 125 affiliate links then you can earn much money easily when visitors follow those online affiliate marketing links. Most of the blogs or websites add these online affiliate marketing links in the sidebar or other convenient places. These online affiliate marketing links are represented through 125 by 125 Ad Banner Widget.It is very easy to implement 125 by 125 Ad Banner Widget to your blog. This hubpage shows you the steps to build 125 by 125 Ad Banner Widget for your Blogger / Blogspot blogs.

Steps to Add 125 by 125 Ad Banner Widget for Blogger

Adding 125 by 125 ad banner widgets of you blogspot blog or website is very easy and simple. Just follow the following steps to add 125 by 125 ad banner widget for your blogger blog:

Step 1: Login and accessing blogspot template layout

First, log in your blogspot account by using your user name and password. After this you will be redirected to your blogspot Dashboard page. Select the blog which template you want to modify or customize. You will find a link named as Layout. Click on that link.

You soon redirected to your desired blog's main Layout panel. Now, click on the Page Elements tab link and you will find the original template's page element panel where you will see the graphical arrangement of your template

Step 2: Adding a Gadget for 125 by 125 Ad Banner Widget

To add 152 by 125 ad banner widget, you have to add a gadget of your blog template. Just click Add a Gadget and you will find a gadget lists. From the gadget list, choose HTML/JavaScript gadget by simply clicking that gadget.

After adding that gadget, you have to add some of the html codes to that widget. Don't fear. I will tell you the step by steps solution to do this. Now, look the following code segment. Just look.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div align="center"> <table border="0">     <tbody>            <tr>                <td>                 <center>                             Your_Codes_Go_Here                 </center>             </td>                        </tr>      </tbody> </table> </div>

The above code segment is enough to design or implement 125 by 125 ad banner for your blog.
Look the above lines of code. There is a text Your_Codes_Go_Here at line 9.You just have to edit this line with the original affiliate marketing codes or banner codes. All of the affiliate banner codes are ready to your affiliate account. You don't have to edit any part of all those affiliate codes. For example, I want to add affiliate codes for cz.cc. The affiliate code may look like the following:

?

1	<a href=http://nic.cz.cc/index.php?ref=signupp><img src=http://nic.cz.cc/images/125x125_eng.gif></a>

If you sign up, you can see those type of affiliate code which are ready to your affiliate account. Just copy those code and replace with the line Your_Codes_Go_Here line. That's all.
So, the final code segment may look like the following code segment:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div align="center"> <table border="0">     <tbody>            <tr>                <td>                 <center>                             <a href=http://nic.cz.cc/index.php?ref=signupp><img src=http://nic.cz.cc/images/125x125_eng.gif></a>                 </center>             </td>                        </tr>      </tbody> </table> </div>

You may add as many 125 by 125 ad banner affiliate marketing codes for your blog. You just have to repeat the code of line 7 to line 11 codes. For example, let we want to add three affiliate codes in the widget. So, we have to copy from line 7 to line 11 codes two more times. And finally the codes look like the following:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<div align="center"> <table border="0">     <tbody>            <tr>                <td>                 <center>                             Your_Codes_Go_Here                 </center>             </td>                            <td>                 <center>                             Your_Codes_Go_Here                 </center>             </td>                            <td>                 <center>                             Your_Codes_Go_Here                 </center>             </td>                        </tr>      </tbody> </table> </div>

And finally replace the lines Your_Codes_Go_Here line with the affiliate codes. And that's all.

Step 3: Saving The Widget Code

After adding the above codes, just click the SAVE button of the HTML/JavaScript widget.

Live demo of this tutorial

Now, it's time to watch the live demo of this tutorial's effect. Simply follow the link and see the effect of this tutorial.
Click here to watch the live effect of the tutorial "How to create 125 by 125 Ad Banner Widget for Blogger/Blogspot Blogs? The Simplest Secret of 125 by 125 Ad Banner Widget."

Last Words

Adding 125 by 125 ad banner widgets for you blog is very easy and simple. Most people add these ad banner widgets to earn a little more money beside Google AdSense or others. Hope, you can easily implement this by following this tutorial. Moreover, if you face any problem to implement this, tell me in the comment section. I will try to solve the problem which you may faced.