What is a jQuery Tabbed Widget?
You would have seen a lot of websites that has a tabbed widget at the very top of their sidebar that keeps three widgets at just one place providing you the ability to select one to view among them. It not only allows you to save a bit of space in the sidebar but also keeps your blog design clean and professional.
A lot of big named popular websites are using the same technique to display more widgets within less space. In this article, we will be showing you a way how to add a jQuery tabbed sidebar widget in blogger and would guide you through each and every step in detail.
A lot of big named popular websites are using the same technique to display more widgets within less space. In this article, we will be showing you a way how to add a jQuery tabbed sidebar widget in blogger and would guide you through each and every step in detail.
Creating jQuery Tabbed Widget in Blogger:
The very first thing you need to do is to go to Blogger >> Template >> Edit HTML and paste the following CSS coding just above the ]]></b:skin> tag. If you have a separate CSS Style sheet file then you can also add the following CSS to it.
Now this step entirely depends on the coding of your blogger template as different designers have different way of coding but we will share a way that is used more commonly in the template. You have to look up to the code of your Sidebar widget area. Search for<div id='sidebar-wrapper'> and just below it paste the following piece of coding.
Once everything is done and dusted, save the template by pressing “Save Template” at the top. Now go to Layout area and you would notice three widget areas just above your sidebar. You can add widgets two those three areas and it appear in form of tabs when you view it live on your site.
Author : Mian Fx
0 comments:
Post a Comment