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

Having a social Subscribe box makes it more easier for your readers to get in touch with you, and most especially for those who could not access your blog can always get your daily update via feeds when they subscribe.  So This is when the efficacy of a floating social subscribe buttons comes in, it is very cool and helpful to your blogger most especially if you get a very fancy and tush type.

 It can seem to be on the right-down side of your blog depending on where you wanted it to be.  It’s major importance is that whenever you scroll up or down a page, it’ll automatically scroll down by itself.

1) Log on to Blogger.com

2) Go to Design >> Page Element

3) Next ADD a Gadget.

4) Scroll down gadget list and select ‘HTML/Javascript’

5) Copy the Following Code Below:


<div style=”bottom: 1%; position: fixed; right: 1%;”>
<table border=”0″>
<tbody>
<tr><td><a href=”http://www.blogger.com/FACEBOOK%20PROFILE%20URL” target=”_blank”><img alt=”Find Us On Facebook” border=”0″ src=”http://3.bp.blogspot.com/-nKHgJVodRHU/Tfml-Ug-jJI/AAAAAAAAATg/LQtsSCTrf9M/s1600/facebook-icon.png” style=”background: transparent; border: none;” title=”like us on facebook” /></a>
<a href=”http://twitter.com/TWITTER%20USERNAME” target=”_blank”><img alt=”Follow Us On Twitter” border=”0″ src=”http://2.bp.blogspot.com/-WIAlw6PxXBA/TfmmiU6tYrI/AAAAAAAAATo/fOx9pdanDVo/s1600/twitter-icon.png” style=”background: transparent; border: none;” title=”follow us on twitter” /></a>
<a href=”http://feeds.feedburner.com/FEED%20NAME” target=”_blank”><img alt=”Rss Feed Options” border=”0″ src=”http://2.bp.blogspot.com/-FvrOQNuGUQI/Tfmm2ZVVRAI/AAAAAAAAATw/9Zmy123uCZA/s1600/rss-icon.png” style=”background: transparent; border: none;” title=”subscribe us” /></a>
<a href=”http://feedburner.google.com/fb/a/mailverify?uri=FEED%20NAME2&amp;loc=en_us” target=”_blank”><img alt=”Subscribe Via Email Rss” border=”0″ src=”http://4.bp.blogspot.com/-WrDypC0Ot5s/TfmViMlMS1I/AAAAAAAAATY/8Rp7MK0FIWc/s1600/rss-mail.png” style=”background: transparent; border: none;” title=” email subscribe” /></a>
</td><td></td></tr>
</tbody></table>
<div style=”clear: both; font-size: 8px; margin-top: -10px; text-align: center;”>
<a href=”http://www.rnhckr.com/”>Get this</a><br />
</a></div>
</div>

6) Now you just have to replace the following color red highlighted letter:

 Replace FACEBOOK PROFILE URL with your Facebook Profile

 Replace TWITTER USERNAME with your Twitter Username

 Replace FEED NAME with your Feed Burner Feed

Replace FEED NAME2 with your Feed Burner Feed



Enter your email address:


Delivered by FeedBurner