Tuesday 23 October 2012

3-Column HTML Footer Bar For Blogs And Websites

Photobucket Pictures, Images and Photos
Now a days three column footer bar is most popular for blogger and websites.First column is for about company or author and other two column are for quick navigation links.as the screen shoot is available that how will it appear after published.So put this on your website or blog now, it's only HTML via tables.

Features:
1.) Two Navigation Link Coloum With About Author Space.
2.) Simple Design HTML Code Only.
3.) Speed Up Loading Time.
4.) This Can Contain Quick Navigation Links.


How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.


How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done. 





   
<table><tr>
<td width="30%">
<h2>About</h2>
<p>Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please....<a href="##########">Read More...</a></p>
</td>
<td width="10%"></td>
<td width="33%">
<h2>Navigation</h2>
  <li><a href="##########">Link 1</a></li>
  <li><a href="##########">Link 2</a></li>
  <li><a href="##########">Link 3</a></li>
  <li><a href="##########">Link 4</a></li>
  <li><a href="##########">Link 5</a></li>
</td>
<td>
<h2>Navigation</h2>
  <li><a href="##########">Link 1</a></li>
  <li><a href="##########">Link 2</a></li>
  <li><a href="##########">Link 3</a></li>
  <li><a href="##########">Link 4</a></li>
  <li><a href="##########">Link 5</a></li>
</td>
</tr>
</table>
Photobucket Pictures, Images and Photos
Customization:
1.) Change Red Text To Your Data.
2.) Change Blue Text To Your Links.
3.) Done.

Source: www.exeideas.com


No comments:

Post a Comment