Fastest and Easiest Tabber (3 Tabs in One Place) Widget For Blogger Blogs
Content Tabber Widgets is one way to maximize your blogger blogs, some of us is thinking on how to place as many widgets as possible to showcase all our content but there's not enough space for a page to show all our creations.

Tabbed content box or tab view is a great way to maximize the usage of precious screen real estate on your blog. By using this kind of technique, your site will appear to be offering a lot of things without compromising order. You have to understand that there are instances when you need to show to your readers the contents of your blog and the possibility for readers to discover them depends on how you format your blog.

There are quite a few tutorials out there that show how to create tabs with CSS and jQuery. However, most of them require you to modify your blog template codes. On top of that you also have to manually add the content of each tab.

This article will show you how to make use of the fastest and easiest tabber (3 tabs in one place) widget for blogger blogs. You will surely get to enjoy making use of this. 

Fortunately, with this creation it made easy for all of us to create list of tabs widget, you can add this many times in yor sidebar, it will transform your Blogger blog’s existing widgets into tabs, automatically!

Below are some of the features of the tab content box:
  • Accommodates unlimited number of widgets.
  • Keeps the tabbed widgets’ original appearance.
  • Fully widgetized for ease of installation and removal. If you don’t like what it does, simply remove the HTML/Javascript gadget.

  1. Go to Layout and click an Add A Gadget.
  2. Select HTML/Javascript widget.
  3. Leave the title box blank.
  4. Copy the code below and paste it inside the content box.
  • (OPTIONAL)Remove Jquery script if you’ve already loaded it somewhere else in your blog. Hint: If your blog has a slider, cycler or something with fading effect running, chances are it is powered by jQuery.
  • Tabcount is set to 3 if you want you can specify the value of tabCount. This value equals the number of widgets (underneath the tabber widget) that you want to turn into tabs.
  • The default box background color is white (#fff). You can change it whatever you want. Apply the same color for the active tab’s background and bottom border if you want.
  • Position the HTML/Javascript gadget above the gadgets that you want to tabify.
  • Click Save and view your blog.
  • Make sure you title each widget that you want to tabify. Tabber won’t work properly without widget titles.
  • Reduce tab widths so that all tabs fit into a single row. This can be achieved by using short widget titles.
  • You may need to reduce the widths of the tabified widgets to fit them into the box.
  • Don’t forget to test in Internet Explorer. This widget may cause “Operation aborted” error in IE for some non-designer templates. If that’s the case, this widget is not for you...
Note: If you have further question just leave a comment below, thanks
The Author

I'm Frank from Philippines. born on July 20, 1986 Author of I was a blogger since July 2010, I have a great passion about blogging and all other stuff online. Follow Me on Google+ or Like our official FB Page HERE

Related Post


Post a Comment