Make Tabs for your Sidebar!
I found this article in BlogOhBlog. there is some plugins for this and most premium themes have special tabs like that. You can do this without any plugin or any help. Just read this article and use this codes. Easy and minimal -simple- tabs. Lets Begin!
Here is the code;
First; download this file and extract gomtabs.js and domtabs.css into your theme folder.
Domtabs (3.0 KiB, 146 hits)
After that make a backup of header.php and open it. Add this code before the </head> tag;
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/domtab.css" media="screen" />
Save the file and upload the server. After this you can add this code into any file of your theme. Change code what you can add;
<div class="domtab"> <ul class="domtabs"> <li><a href="#t1">Tab 1</a></li> <li><a href="#t2">Tab 2</a></li> <li><a href="#t3">Tab 3</a></li> </ul> <div> <a name="t1" id="t1"></a> <p>Insert contents of the first tab here, e.g. The code for a plugin.</p> </div> <div> <a name="t2" id="t2"></a> <p>Insert contents of the second tab here.</p> </div> <div> <a name="t3" id="t3"></a> <p>Insert contents of the third tab here.</p> </div> </div>
That’s All. Have a nice day!
Recent Comments