honeytech

Today i implement dynamic tabbed interface for my wordpress blog and after sparing few minutes  i also fix it for some wordpress plugins like similar post and simple twitter and some others.I liked this feature and was thinking of its patch on wordpress.Multi tabbed menu often used in professional blogs and high profile blogs but their isn’t any documentation specially for wordpress.

Help: I get the tabber menu from barelyfitz designs and i implement it as per my requirement and modifications for wordpress.

Ingredients

A javascript for menus named as tabber.js

A CSS patch for the menu to display correctly example.css

1. Open the stylesheet of your current theme used in the blog (e.g style.css ) in a notepad, dreamweaver or in any text editor.
2. Now copy the example.css into your wordpress theme style sheet.
3. Now open your header.php file (header files control all the styling of the wordpress ).
4. Upload the javascript file tabber.js any where in your directory (remember the path where you upload the tabber.js )
5. Add the following code in your header,php file <script type=”text/javascript” src=”path of tabber.js“></script>

Now you are almost 50% done you just have to know the usage of tabbed menu.

Carefully watch the wp_menu code http://www.honeytechblog.com/wp-content/uploads/2008/08/wp_menu.txt

Example of the above code will look like this

Note: feel free to comment here if you want to know more about wordpress implementation or have any problem in fixing this menus.

Free Tools

• Youtube Downloader

• Find Domain age,Pagerank,Valid Pagerank, Directory Listing,Indexed Pages in Search Engines,Web Archive, Alexa Traffic and Graph

• Free RapidShare and MegaUpload Search Engine

• Watch Live Tv

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.