For  quite some  times now, i have been battling and trying to get a way to make a simple HTML to create ad widgets on my blog. But when i was working with some tables using simple HTML,to my surprise i arrived at a easy and well optimized code  that i can use to show Ad banners on my blog, like the one above.

You’ll get the code to be pasted in your HTML/JavaScript Widget below:



<div align=”center”> <table border=”0″  cellpadding=”2″ cellspacing=”6″ width=”265″ bgcolor=”#ffffff”>
<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” 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” 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” 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” height=”125″/></a></center></td>
</tr>
</tbody></table>
<table border=”0″ bordercolor=”#0084ce” cellpadding=”2″ cellspacing=”6″ width=”265″ bgcolor=”#ffffff”>
<tbody>
      <tr>
       <td><center><a href=”URL OF ADVERTISER” rel=”nofollow”><img width=”265″ height=”37″ border=”0″ alt=”Advertise Now!” src=”URL OF BANNER’S IMAGE” /></a></center></td>
      </tr>

    </tbody></table>


</div>

It’s very important to make these following changes,

1. Replace URL OF ADVERTISER with the website link of the advertiser 

2. Replace URL OF BANNER’S IMAGE with the Image link of the Advertiser’s banner 

3. Replace AD DESCRIPTION with some information related to the Ad. The description appears when some hovers his mouse cursor over the banner. 

4. If you want to increase the distance between the ad blocks then adjust width=”265″ . By default 265 is the minimum width of this banner widget. You can’t further decrease the width.

Enter your email address:


Delivered by FeedBurner

LEAVE A REPLY

Please enter your comment!
Please enter your name here