Multi Tabbed Widget For Blogger

Here's a simple and useful multi-tabbed widget. It is very easy to edit and add this widget to your blog. You can easily control the number of tabs in the widget.
Your widget should look like this:

Steps for Implementation:

1. Go to Layout >Edit HTML in your Blogger Dashboard.
   
2. Back up your existing Template before making any changes!


3. Search for the </head> tag.
   


4. Add the following code just before the </head> tag.



<script src='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/tabber.js' type='text/javascript'/>
<link MEDIA='screen' TYPE='text/css' href='http://files.trickstutor.co.cc/uploads/2/1/4/1/2141293/example.css' rel='stylesheet'/>



Save the template.


5. Now go to Layout -> Page Elements, and click on "Add a Gadget", select it as "HTML/JavaScript" type.



6. Now paste this code in to the widget:



<div class="tabber">

<div class="tabbertab">
<h2>Tab 1</h2>
<p>Tab 1 content.</p>
</div>

<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>

<div class="tabbertab">
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>


Widget By TricksTutor Idea From BarelyFitz