How to add navigation bar in your Blog

Adding Navigation just like a professional website always look nice. So I decided to share this information with you all. The first thing you need do is able add an page-element into your header section.

By default, in most template you will be not able to add a page element. So first we need to fix this.

This is how we are able to do it.

Go to edit HTML page and check Expand Widget Templates box. Now look for
<b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'">

Change maxwidgets="'1'" to 3 and showaddelement to 'yes' from 'no'

Once you do this save and then go to layout. Now you will be able to add an element.

Add an Java/HTML element. Don't add any thing in tittle


In the content box, add the following code. Change as you like. Add 4 or 5 in one row. If you have more than 5 link, add next in another row by including between <p> </p>

<font
size="4"><a href="URL/" target="_blank"><span style="font-weight:bold;">URL1 |</span></a>
</font>

<font
size="4">
<a href="URL2" target="_blank"><span style="font-weight:bold;">URL2 |<span style="font-weight:bold;"></span></span></a>
</font>
<font
size="4">
<a href="URL3" target="_blank"><span style="font-weight:bold;">URL3 |</span> </a>
</font>
<font
size="4">
<a href="URL4" target="_blank"><span style="font-weight:bold;">URL4 |</span></a>
</font>
<font
size="4">
<a href="URL5" target="_blank"><span style="font-weight:bold;">URL5</span></a>
</font>
<p><font
size="4">
<a href="URL6" target="_blank"><span style="font-weight:bold;">URL6


Leave a comment if you need help or email lostinrandomworld@gmail.com

Twit This!