Back to: Home
Previous Post: 6 TIPS TO MAKE A GREAT FIRST IMPRESSION
Next Post: 60 GREAT RSS ICONS FOR YOUR BLOG
HOW TO INSTALL DOMTABS ON WORDPRESS
By admin | May 6, 2008
Topics: Blogging | No Comments »
Have you ever seen blogs where the favourite posts, crowning commentators, and blogroll are every tabbed into digit diminutive area? Those blogs are using DOMtabs.
DOMtabs is a free script and by using the pass below, its hurried to install. I've also created a ultimate stylesheet that you crapper ingest to easily restyle your DOMtabs.
You crapper wager DOMtabs in state in the sidebar here on Pro Blog Design. It is a rattling user-friendly artefact of , and selection your clutter.
Lastly, this pass is cursive with WordPress in mind, but the playscript crapper be utilised anywhere. If you're on added platform, essay applying the steps to your possess platform, or feature the support on the , and interpret here for support if you requirement it.
5 Step Guide to Install DOMtabs
- from the , and it on your computer.
- Upload the domtab.js enter to your thought folder in WordPress.
- Download (Right click, "Save Target As" or "Save Link As"), and upload that to the thought folder as well.
- In header.php, adhesive the mass above </head> :
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/pbd_domtab.css" media="screen" /> - In sidebar.php, or in a widget if you ingest widgets, adhesive the mass where you poverty the DOMtabs to go:
<div> <ul> <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"></a> <p>Insert table of the prototypal journalism here, e.g. The cipher for a plugin.</p> </div> <div> <a name="t2"></a> <p>Insert table of the ordinal journalism here.</p> </div> <div> <a name="t3"></a> <p>Insert table of the ordinal journalism here.</p> </div> </div>
And that's you done. If you poverty to add added tab, meet attain added double of digit of the sections. There is no bounds on the sort you crapper have.
You crapper customize the colours and appearance by redaction the pbd_domtab.css file. The lines to modify hit been highlighted at the crowning of the file.
If you hit some problems, meet interpret beneath and I'll support out.
