New Professional Tabbed Widget for Blogger - (Gallery Images Tabber)

Hi friends today I am going to show you a great widget. For this widget so many of blogger are waiting from so many days. I hope this widget may help those who are want to show their blog images gallery in category wise with a beautiful and professional tabbed container. Follow below steps to get this.

See Live Demo Here: DEMO-1 | DEMO-2

Step -1

• Login to your Blogger Account
• Click on Design 
• Click on Edit HTML

If you are using new version in blogger then click here to open Edit HTML page of your blog

Add the below code before the </head>

Step - 2
Add the below code before ]]--></b:skin>

/*** Recent Labels Howtodoo Gadget Css ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#4B4C4C;
margin:3px;
height:70px;
width:70px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 95px;
margin: 0px 0px 0px 0px;
padding: 0;
}
ul.label_with_thumbs li {
padding:5px 0;
min-height:90px;
margin-bottom:0px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

Step - 3

• Copy the below Code.
• Open Page Elements of you blog. 

• Then Click on Add Gadget.
• Click on HTML/Java Script Widget.
• Then Paste the Below Code.

Latest  Actress Actors

Modifications in above code are:

• Search for the below code in above STEP - 3

1. <div class="TTs" style="width: 100%;">  
2. <a href="http://draft.blogger.com/blogger.g?blogID=7769421193874390914">Latest</a>  <a href="http://draft.blogger.com/blogger.g?blogID=7769421193874390914">Actress</a> <a href="http://draft.blogger.com/blogger.g?blogID=7769421193874390914">Actors</a></div> 

• Relace the code above with below code.

<div style="width: 100%;" class="TTs"> <a>YOUR LABEL TITLE 1</a>  <a>YOUR LABEL TITLE 2</a> <a>YOUR LABEL TITLE 3</a></div> 

• Place your label titles insted of - YOUR LABEL TITLE 1, YOUR LABEL TITLE 2, YOUR LABEL TITLE 3.
• In step - 3 Change the Sample labels with your real labels that I was given as YOUR LABEL 1, YOUR LABEL 2, YOUR LABEL 3.

You can Increase your tabbed widget tabs by repeating the code. Feel free to ask me if you want to need more modifications for your blog in this widget By comment below, I will respond soon for your comments.

Please share your views about this post, and place comments if you are facing trouble while configuring this widget.