This tutorial will help the users of Thesis theme to create a custom Navigation bar in their Thesis Theme Header, like we have in our blog. Although, it is quite easy and not much coding is required, but still many newbies will like to know this. Thanks to FamousBloggers for this tutorial. This will only work in Thesis Theme, so please don’t try in any other themes.
Steps to Create a Custom Navigation Bar
1. Download and install Thesis OpenHook. This plugin allows you to insert arbitrary content into the many hooks that the Thesis Theme Framework provides. So you won’t need to edit files manually.
2. Login to your site’s admin panel and go to Thesis > Custom File Editor. Add the following code at the end of the file and press the SAVE button.
[sws_code language="css"] [/sws_code]
3. Then go to Appearance > Thesis OpenHook and paste the following code in the BEFORE HEADER box, and click SAVE button.
<div>
<ul id="topnav">
<li><a href="http://www.xinz.org/" title="Tech and Money Making Blog">Home</a></li>
<li><a href="http://www.xinz.org/coupon-codes/working-hostgator-discount-coupons-2011/" title="Hostgator Maximum Discount">Hostgator Coupons</a></li>
<li><a href="http://www.xinz.org/affordable-wordpress-seo-services/" title="Best WordPress SEO Services">SEO Services</a></li>
<li><a href="http://www.xinz.org/write-for-us-xinz/" title="Write for us | Guest Blogging">Write For Us</a></li>
<li><a href="http://www.xinz.org/contact-2" title="Contact Us">Contact</a></li>
<li><a href="http://www.xinz.org/privacy-policy/" title="Our Privacy Policy">Privacy Policy</a></li>
</ul>
</div>
**Change the URL’s to your own links.
That’s it, you have done it !!! You will get something like this
{ 6 comments… read them below or add one }
How about if you teach us on how to make the bottom navigation bar like you have?
Can you let me know about which bottom navigaton bars are you talking about? If those are the categories one, then that nav bar is inbuilt in theme..
I just got my new Thesis theme and a Blogskin for my new blog.
I have a problem I can’t create the Navigation Bar like yours and my theme also not show “Keep Reading” button on my (teaser)homepage. Pls Help
It will be better option if you seek help from thesisawesome support forum, as providing support for premium themes is not allowable outside the official forum.
Thanks for your quick response.
I visit Famous Bloggers website and make a research then I try it again and use following code Before Header and this one works now. With following code
id=”top”>AdvertiseAffiliatesGuest PostBadgesAbout usContact<a