Way to Make Tabbed Sidebar for Blogger - Membuat Menu Tab View Cantik

Actually between this Trick and Webitect is completely different I only got inspiration from that. Because they made for general website.

If you search from Google you will found many way to make Tabbed Sidebar but Difficult to implement in blogger, because we have to modify HTML or XML in Sidebar Part. This Trick is very easy only put CSS and JS. The JS will automatic make structure for Tabbed and we don’t have to modify in Sidebar Part. So this trick will not mess up you html and disturb your sidebar. After put js You can change position or content of sidebar, it was very easy.

The Feature of my trick are :

Easy to install.
No need edit html in Sidebar part.
Automatically place your handpicked widgets inside tabs.
Freedom to set what widgets stay out of the tabs.
After implementing, Widgets are normally edited from Page Elements section.

Small screenshot from Tabbed Sidebar with Dante’s css style. Demo you can see from this DEMO

For this post I only give you the CSS and script, Complete Explanation about this you can read from Bloggertuts

CSS

Script

You only have to change this part :

var starttab=0;
var endtab=2;
var sidebarname=”sidebar“;

starttab is the starting number for your chosen widgets, it starts counting from 0. endtab is the number for your last included widget. sidebarname is your sidebar’s id, it is generally just “sidebar”

Only That after that you will see Script Automatic Generated HTML structure for Tabbed and will show Animated Jquery.

I hope This will be usefull, Complete Explanation in here The Easiest Way to Make Tabbed Sidebars on Blogger

Source : abu-farhan