How to Create Horizontal Tabs Menu on Blogger?

My entry this time is how to create a horizontal menu tab on the blog. For example you can see at the top of this blog, that there are writings HOME, LINK EXCHANGE, GUEST BOOK and ABOUT ME Curious how do I make it? Please follow the steps below. .

1. Login to blogger
2. Click and select design elements of the page
3. Click add gadget and select HTML / JavaScript
4. Copy the code below and paste in the content of HTML / JavaScript was

 ============================================================

<div style="float:left;margin-top:0px;">
<div id="tabs6">
<ul>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
</ul>
<!-- #tabs6 end -->
</div>
</div>
 ============================================================

5. Edit
   The Red Code, please replace it with a link to your blog pages will you go
   The Green Code, please replace it with another title as you wish
   The Blue Code, please replace it with another title as you wish
6. Then save the HTML / JavaScript
7. Drag the gadget HTML / JavaScript earlier and place it on top of your blog
8. Then click save, and look at the looks on your blog

Good luck !!

Related Posts [ Jangan lupa berkomentar ea.. ]