manubar

Sunday, April 6, 2014

Create a basic navigation menu and edit page tabs

a) starting at your blog’s home page, click DESIGN in the top, left corner
b) click LAYOUT in the list on the left of the page – this opens up the Page Layout view


c) underneath the header part of the template, add a new widget by clicking ADD A GADGET 
d) In the Layout tab, paste the following code in a new HTML/Javascript gadget and enter your own links & titles. I prefer doing this over using the pages or label gadgets, as it gives me more options.

<!-- start navmenu --> 
<div id="navigationbar">
<ul>
<li><a title="home" href="LINK">Home</a></li> 
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
</ul>
</div>   
<!-- end navmenu -->

e) Hit save.
f) You can modify menu-bar.

                                            < ____And YOU ARE DONE ___>

No comments:

Post a Comment