We Know The Rudiments Of Success

  • Blogging
    • Blogging tutorial
    • blogging tips
  • SEO
  • Social Media
  • Mobile internet
  • How to
  • make money
  • More
    • Design
    • Reviews
    • Gadgets
    • Mobile
      • Apple
      • Android
      • Windows Phone
      • Iphone

How to Create 125 by 125 Ad banner With simple HTML Table Tags


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

Add Floating Social Subscribe Buttons to Your Blog

social -subscription- button


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.

So here are the steps you need to follow to get the floating:


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

Recent Articles

  • SerpRobot: Crush Competition in Search Results
  • How to Get Backlinks from Facebook: Boost Your Website’s SEO
  • REVEALED: How to Make Money Writing With Your Smartphone or Laptop
  • How to start a blogging career
  • How To Make Money Online for Newbies – 5 Proven Strategies You Would Not Want To Miss!
  • THE BENEFITS OF A BLOG
  • 5 Characteristics an Entrepreneur Must Have
  • 7 Side Hustles from Home during Covid-19 Outbreak
  • 5 Free and easy Ways to make Money Online in Canada
  • How to Make Money Blogging – the Biggest Secret
  • About Us
  • Advertise
  • Sponsor
  • Contact Us
  • Privacy Policy
  • Disclaimer