LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Footers / Website / Website Footers » 3-Column HTML Footer Bar For Blogs And Websites

3-Column HTML Footer Bar For Blogs And Websites

3-Column HTML Footer Bar For Blogs And Websites

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>
3-Column HTML Footer Bar For Blogs And Websites

Customization:
1.) Change Red Text To Your Data.
2.) Change Blue Text To Your Links.
3.) Done.

Recommended For You:
How To Decide On The Right URLs For Your Landing Pages?

You Like It, Please Share This Recipe With Your Friends Using...

8 Responses to “3-Column HTML Footer Bar For Blogs And Websites”

  1. Web Design says:

    Amazing Footer bar…!!

  2. Web development company india says:

    Really very informative blog on footer bar….

  3. MYB Softs says:

    dear i want to add one more full length column above these 3, so tell me the process how can ido, i will wait for your reply.

  4. MYB Softs says:

    Muhammad i have emailed you and i have contacted you through contact page, hop you will give the solution

Leave a Reply

Your email address will not be published. Required fields are marked *