How to Add a simple Horizontal Menu Bar to Blogger


In this tutorial i will show you how to add a simple Menu Bar to Blogger .

It's simple just follow the steps ...

1/open your blog

2/In you blogger dashboard choose Layout

3/ Now click Add a Gadget where you want to add your menu (this menu horizontal)

4/Find HTML/JavaScript

5/Paste this code :

<!-- start navmenu http://Depotech.blogspot.com -->
<ul id='cssnav'>
<li class="active"><a href='http://Depotech.blogspot.com'>Home</a></li>
<li class="sub"><a href='http://Depotech.blogspot.com'>Category 1</a>

</li>
<li><a href='http://Depotech.blogspot.com'>Category 2</a>

</li>
<li><a href='http://Depotech.blogspot.com'>Category 3</a>

</li>
<li><a href='http://Depotech.blogspot.com'>Category 4</a>

</li>
</ul>
<!-- end navmenu http://net-explain.blogspot.com -->

6/Change 'http://Depotech.blogspot.com' in the tag a href with the address (Labels) of your page  and save ..

7/ Done ...

For any question leave a comment ..


Previous
Next Post »