To create menubar inside a post or page or widget as follows:

Mail|Blog|Favorites|Forum|Groups|

The codes are as follows:

<span style="font-size: large;"><a href="http://mail.kazifnf.com/" rel="nofollow" target="_blank">Mail</a>|<a href="http://bdjournal.com/" target="_blank">Blog</a>|<a href="http://ezinebd.com/" target="_blank">Favorites</a>|<a href="http://odysseybd.org/" target="_blank">Forum</a>|<a href="http://e-crimes.blogspot.com/" target="_blank">Groups</a>|</span><br />
<div class="navigationbar" style="height: 30px; left: 50%; margin-left: -400px; position: absolute; top: 130px; width: 800px;">
<table border="0" cellpadding="0" cellspacing="0" style="height: 1px; top: 26px; width: 800px;"><tbody>
<tr valign="middle"><td align="center" style="padding-top: 7px;"></td></tr>
</tbody></table>
</div>
Generally we do not use a menu bar inside a post or page. But sometime we may have to use this format to insert some links with beautiful icons such as social media icons or some other external links. Three or four tagged widgets can be create with the HTML codes in order to blogs beautification and functionality.