How To Configure Blogger Tabs Widget

This tutorial is configuring for the tabs widget you can see on sidebars of many of my blogger themes. There are 2 or 3 tabs in the tab widget according to the theme you are using. There is no hard thing to do, when you upload a theme, just go to "Layout" page and add correct widget for each tab like this:

Blogger Tabs Widget

First tab is for "Popular Posts" widget.
Second tab is for "Labels" widget.
Third tab is for "Blog Archive" widget.

But if you need to change tab names ("Popular", "Tags", "Blog Archives") of the tabs widget, need to go to "Edit HTML" page for this:

https://www.blogger.com/blogger.g?blogID=YOUR_BLOG_ID#templatehtml

Now find the code in your template more similar to below code:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

It will look like this:

Blogger Tabs Widget Code

All you have to do is changing the names "Popular", "Tags" and "Blog Archives" as you like. After that save your theme.

4 thoughts on “How To Configure Blogger Tabs Widget

  1. I USED THE TRANSLATOR TOOL.

    Excellent work, Lasantha ,
    I WILL CHANGE THE WORKFORCE BY ONE OF YOURS BECAUSE I look very professional . MY QUESTION HAS TO DO WITH DESIGN font and size . SOMETIMES IT IS VERY SMALL AND CAPITAL LETTERS USED SOURCE NOT ALLOW SEE THE TITLE clearly.
    THANK YOU!

  2. Still not working , in homepage , the 3 tabs ( Popular, Labels , Blog Archive ) is appearing at once. not one by one , please help me

  3. Thanks for your template.. I can learn many thinks about template, HTML, and many more. Once again, thanks...

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.