Sunday, August 28, 2016

How to Add 125×125 Advertise Dynamic Ad Banner for blogger?

Today I am going to introduce 125 x 125 Ad Banner Widget for Blogger. Everyone is looking to make money from website. By providing ad space on your website helps to make you earn money. There are so many ad sizes are now available but 125 x 125 ad banner is good. Every one choose these types of small banner because it cost only less price. Here I am introducing a simple code to ad the banner to your website. These widget is adding to your blogger blog via adding as a HTML/Java Script On Your Template. Lets have look on the code below.
tutorialgift
Thus you have to make your blog more unique and more professional for doing this type of job, for example if you have great content, Valued Customers or Readers and Daily average unique visitors, Good Alexa rank and much other factors which you can see below. If you have all these factors on your website or blog then you will surely obtain great advertisers and by using this you can earn huge money from your site. But before adding this Advertising Gadget in Blogger you have to gain the below factors on your site!

Obtain following below qualities in your website:

  • Unique Content (Not Stolen or Pirated Stuff)
  • Alexa Rank should be lesser than 100K
  • Targeted Audience
  • Try to get more USA Audience
  • Domain Authority (Greater than 20+)
  • Page Authority (Greater than 20+)
  • Now Google Pagerank is not necessary because Google has stopped this factor
  • Clean and Professional Design
  • Attracting and User Friendly Structure
  • Fast Loading Speed


If you have these above mentioned things on your blog then you can easily make more money directly from your website and then you must add advertisement gadget in your blog to show how you exciting to advertise other’s product and services on your site.

Note: Always try to put relevant ads on your site to avoid getting punish from Google Updating Tools.

How to Add 125×125 Advertise Here Ad Banner

1. Go to Blogger Dashboard > Layout, click on “Add a Gadget” link, then a page will popup to you here scroll down it and select “HTML/JavaScript
2. Now copy the below entire piece of code and paste it into HTML/JavaScript empty box
  • Simple Code for normal preview

<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="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="Advertiser URL 2" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" 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="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="ADVERTISER URL 4" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>
  • Stylish Code for dynamic preview:

<style>
#MD-ads img {
margin
: 0px 8px 4px 0px;
padding
: 3px;
text
-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border
-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition
: all 0.45s ease-out;
}
#MD-ads img:hover {
margin
: 0px 8px 4px 0px;
padding
: 3px;
text
-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border
-radius:0px;
}
</style>
<div id="MD-ads" align="left">
<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="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="Advertiser URL 2" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" 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="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="ADVERTISER URL 4" rel="nofollow">
<img border="0" alt="AD DESCRIPTION" width="125" src="http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>
</div>

How to customize the Gadget properly?

  • If you want to Increase distance between ads then change width = '256
  • Replace Advertiser URL with the add link
  • Replace A http://2.bp.blogspot.com/-Wu4KCsLqfc0/UTj3qOgIaSI/AAAAAAAAFUM/DFspPSl4tpU/s1600/ad-here.png with image banner link
  • Replace Ad Description with discription about ad, when some one will hover mouse He'll see the add info.
  • You can change border color in above stylish widget by editing into css 
  • Replace  bgcolor = "#fff" with back ground color of widget.

Conclusion:

I Hope you will surly like this widget.The world of internet is so giant that it is full of tutorials regarding the same topic but they use complex CSS and JavaScript in which you need to edit your template,inserting styles but this one is simple HTML coding.Just copy paste it customize it according to your need and you are done.Peace Blessing and Happy Optimization
Previous Post
Next Post

0 comments: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

Post a Comment

 
Copyright © Poisa Click Registered Surf. Modified: PC Team, Server Hosted: GSE