How to get Tabs (navigation bar) on new Blogger templates


Hi guys! Blogger has brought in their new Template Designer. This article aims to help you with "how can you add tabs in these new templates?"


                              


Follow these three easy steps:


1. Open http://draft.blogger.com/home
2. Go to Layout section and add a page element of type "HTML/Javascript" just below "Blog Header"
3. Add this code in the widget.



<ul> 
<li><a href="http://sampleurl.com">Sample URL</a></li> 
<li><a href="http://example.com" >Example Links</a></li> 
</ul>

Note that between "ul" tag you can add as many "li" items as you want.
Each "li" item will have an anchor ("a") element whose "href" property needs to be set to the URL you want this tab to link, and text portion goes in between.


Customize this code as you want, and then paste them in the widget section.
Save your widget and enjoy the tabs.


Thank you for reading my blog