New Multi-Tabbed Widgets For Blogger / BlogSpot Blogs

Earlier I have posted a hack on "How to create a multi-tabbed widget for blogger", although that's working completely fine, but if you think, it needs to be upgraded then have a look on these widgets [See these widgets in action here].

Although these new widgets look much advanced than the previous one, but you don't have to worry on the coding part, as it has already been made easy by DynamicDrive and BloggerStop.

So here's all the code required to put this widget in your blog:

STEP 1:
Download these two files from DynamicDrive:
1. tabcontent.css
2. tabcontent.js

And then upload these two files to MyDataNest.com (You need to register first)
After uploading the files, copy the DIRECT LINKS to these files.

STEP 2:
Log in to Blogger
Go to Lauout -> Edit HTML tab
Then find for this code:
</head>

Then immediately ABOVE / BEFORE it, paste this code:
<link rel="stylesheet" type="text/css" href="http://DIRECT_LINK_FROM_MYDATANEST/tabcontent.css" />
<script type="text/javascript" src="http://DIRECT_LINK_FROM_MYDATANEST/tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Via http://BloggerStop.Net
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
Replace the code in RED, with the DIRECT LINKS you got in Step 1.

Save the template, and
Click on "Page Elements" tab.
Then click on "Add a Gadget", and select it as "HTML/JavaScript" type.

In the new widget, paste any of the 3 codes displayed below (the screen-shots are displayed above the codes, and demo link has already been given above ):


Code Here:
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://bloggerstop.net">Blogger Widgets</a></li>
</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
Tab content 1 here<br />
</div>

<div id="country2" class="tabcontent">
Tab content 2 here<br />
</div>

<div id="country3" class="tabcontent">
Tab content 3 here<br />
</div>

<div id="country4" class="tabcontent">
Tab content 4 here<br />
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<a href="http://bloggerstop.net/" target="_blank"><span style="font-size: x-small;">Blogger Widgets</span></a>
Code Here:
<div id="flowernote" style="display:none; position:absolute; right: 30px; width:150px; height:150px; background-color:red; color:white">
Arbitrary DIV 1
</div>

<div id="flowernote2" style="display:none; position:absolute; right: 200px; width:80px; height:80px; background-color:black; color:white">
Arbitrary DIV 2
</div>

<div id="flowernote3" style="display:none; position:absolute; right: 30px; width:140px; height:140px; background-color:navy; color:white">
Arbitrary DIV 3
</div>

<div style="border:1px solid gray; width:350px; height: 250px; background-color: #EAEAEA; padding: 5px">

<div id="tcontent1" class="tabcontent">
Tab content 1 here<br />
</div>

<div id="tcontent2" class="tabcontent">
Tab content 2 here<br />
</div>

<div id="tcontent3" class="tabcontent">
Tab content 3 here<br />
</div>

<div id="tcontent4" class="tabcontent">
Tab content 4 here<br />
</div>

</div>

<div id="flowertabs" class="modernbricksmenu2">
<ul>
<li><a href="#" rel="tcontent1" class="selected">Tab 1</a></li>
<li><a href="#" rel="tcontent2" rev="flowernote,flowernote2">Tab 2</a></li>
<li><a href="#" rel="tcontent3">Tab 3</a></li>
<li><a href="#" rel="tcontent4" rev="flowernote3">Tab 4</a></li>
<li><a href="http://bloggerstop.net">Blogger Templates</a></li>
</ul>
</div>
<br style="clear: left" />

<script type="text/javascript">

var myflowers=new ddtabcontent("flowertabs")
myflowers.setpersist(true)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()

</script>
<a href="http://bloggerstop.net/" target="_blank"><span style="font-size: x-small;">Blogger Widgets</span></a>
With Auto-scrolling tabs...
Code Here:
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="#" rel="dog1" class="selected">Tab 1</a></li>
<li><a href="#" rel="dog2">Tab 2</a></li>
<li><a href="#" rel="dog3">Tab 3</a></li>
<li><a href="#" rel="dog4" id="myfavorite">Tab 4</a></li>
<li><a href="http://bloggerstop.net">Blogger Widgets</a></li>
</ul>
<br style="clear: left" />
</div>

<div style="border:1px solid gray; width:550px; height: 150px; padding: 5px; margin-bottom:1em">

<div id="dog1" class="tabcontent">
Tab content 1 here<br />
</div>

<div id="dog2" class="tabcontent">
Tab content 2 here<br />
</div>

<div id="dog3" class="tabcontent">
Tab content 3 here<br />
</div>

<div id="dog4" class="tabcontent">
Tab content 4 here<br />
</div>

</div>

<script type="text/javascript">

var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)

</script>
<a href="http://bloggerstop.net/" target="_blank"><span style="font-size: x-small;">Blogger Widgets</span></a>

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

69 comments

Write comments
January 16, 2009 6:49 PM delete

Hello, Congratulations for winning the Contest by PinayAds...

Here's my review to your blog. Check it out..

http://ruthrush.blogspot.com/2009/01/pimp-your-site.html

Reply
avatar
January 21, 2009 1:12 AM delete

Is there any way to transfer my current codes for the multi-tab widget to the new one?

Reply
avatar
January 21, 2009 8:52 AM delete

Hi snam

The codes for the widgets are different, so you have to replace the previous code, with the new one, if you want to use this. OR you can also use both of them at the same time if you want.

Reply
avatar
January 22, 2009 1:16 AM delete

Alright, that is good to know. Thanks for the quick response.

Reply
avatar
January 24, 2009 7:54 AM delete

Works perfectly.Thanks.Is it possible for us to modify the tab buttons and stuff like that

Reply
avatar
January 24, 2009 8:10 AM delete

Yes dude that is possible, you can do this by editing the css and js files !

Regards
Sai

Reply
avatar
January 31, 2009 12:04 AM delete

Hey, snam again. Is it possible to have the green tabs auto scroll like the blue one?

Reply
avatar
January 31, 2009 1:08 AM delete

How do I remove this "Click here to select tab with id="myfavorite"?

Reply
avatar
January 31, 2009 1:32 AM delete

I am having some problems. The content in every tab is showing below the box except the first one. You can see what I have so far on this test blog. http://testblogsnam23.blogspot.com/

Reply
avatar
January 31, 2009 1:50 AM delete

Hi snam welcome back!

I have removed that "myfaorite" code for you !

----
And I can see content even in the first tab....subscribe via rss, subscribe via email etc.

But I suggest u not to use that auto-scroll widget, because that suits more for photos-sideshow as it cannot be easily controlled by visitors !
----
Regards
Sai

Reply
avatar
January 31, 2009 9:23 PM delete

Then can you tell me which code I need to change to change the color of the green tabs? And how do I remove the space between the green tabs? Thanks for your help!

Reply
avatar
February 01, 2009 10:54 AM delete

Hi snam

In the first code, you'll see this file:
http://dsai.588.googlepages.com/tabcontent.css

Download it, and edit it (you have to replace the images in that file with your own images of same/similar dimensions)
Now again upload it to googlepages or any other site and adjust the first code with the link to the new css file....

Reply
avatar
February 08, 2009 3:04 AM delete

Thanks for the code...it worked really good!!

Reply
avatar
February 08, 2009 3:24 AM delete

Something weird happens when I use this on one of my blogs. I will delete it now but check out this screenshot. http://i446.photobucket.com/albums/qq181/yahoo223/Picture1-6.png

Reply
avatar
February 08, 2009 3:38 AM delete

Hi snam,
I need the exact blog link, so that i can chk the widget in action, anyways I chkd all 5 blogs of yours, and found the widget in 2 blos:
test blog and allaboutmylot,
and in both of them it is working in perfectly fine condition, in case you get some problem in the widget, then do not modify anything in the template, but remove and add again the code in the HTML/JavaScript widget !

Reply
avatar
February 08, 2009 4:30 AM delete

You saw my allaboutmylot blog right? How can I put it in the sidebar? I will do what I can and show you the problem.

Reply
avatar
February 08, 2009 4:35 AM delete

P.S. I would like it right below the built in search bar (not the google one.) Thanks for your help!

Reply
avatar
February 08, 2009 5:54 AM delete

While placing it in the right sidebar, the tabs are exceeding the width of your sidebar, so instead of writing, "total weekly" or "total monthly", write it as "weekly" or "monthly" !

And to place it right below search bar, you have to first add a widget below search widget (from EDIT HTML section), then in this new widget you have to add the multi-tabbed widget code !

Reply
avatar
February 08, 2009 7:06 AM delete

But then I would have 2 weekly and "weekly" and "total weekly" are different things. I guess I will abbreviate or something.

Could you please tell me what code I use to create a new widget? Is it like < b:widget etc.?

Thank you so much again!

Reply
avatar
February 08, 2009 7:24 AM delete

I changed the titles and it still sticks out.

Reply
avatar
February 12, 2009 2:00 AM delete

Thank you for this! I know zero programming but was able to get this to work the way I want it. Not so sure how to change the colour, though, but I'm very pleased with the result nonetheless.

http://lianespicer.blogspot.com/2009/02/little-green-things.html

Reply
avatar
February 14, 2009 9:44 AM delete

I like the "auto-scrolling tabs". When I followed your instruction, it worked well on the bottom of my blog 'http://pfge-pfge.blogspot.com'.

Because I like very much the color of its tab and function that I can put any title in it, I applied it as a button to the titles of widgets (ex '▽ FEEDJIT') on the sidebars by using the code "<h2><div class='indentmenu' id='pettabs'><ul><li><a href='javascript:void(0);' onclick='javascript:ElementToggle ("HTMLxxx");'><data:title/></a></li></ul><br style='clear: left'/></div></h2>", it worked too.

However, the original "auto-scrolling" function was gone (on the buttom of my blog).

My question is:

How do I modify the code to get the oringial function back while I apply some of its code to the rest part of my blog? Is it OK to apply some part of its code like I did?

Reply
avatar
February 14, 2009 10:31 AM delete

@pfge

Yes you can use it for other parts of your blog, if you are experienced in it,
but remember to give different id's to different widgets, like in this case give id='pettabs2'

@wordtryst
welcome dude!
To change the color, you have to change the images of the tabs, in the file 'http://dsai.588.googlepages.com/tabcontent.css' (in the first code)......you'll find the links to images of the tabs, change them to any other images of SAME DIMENSIONS, then reupload it at hotlinkfiles.com etc and replace in the code ....that's it !

Reply
avatar
February 14, 2009 7:12 PM delete

Dear Divya Sai:

Thank you for the tips. Both are working now.

Reply
avatar
February 14, 2009 9:11 PM delete

May I ask you another question?

I applied the same trick to 'older-link' and 'new-link' in the bottom of this page 'http://www.blogger.com/html?blogID=5978316026244932714&tpl=true', it worked again.

But I tried applied to 'homepage-link', the position of it was changed from the center to the left.

How do I put the 'homepage-link' back the center?

The code I used was "<div class='indentmenu' id='pettabsHomepageLink1'><ul><li>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</li></ul><br style='clear: left'/></div>"

Reply
avatar
February 15, 2009 2:48 AM delete

Have you tried to add center tags around the data tag, like this:

<a class='home-link' expr:href='data:blog.homepageUrl'><center><data:homeMsg/></center></a>

Reply
avatar
February 15, 2009 6:29 AM delete

Thank you for the tip. But the 'center code' didn't bring the homepage-link back to the center position.

What else can I do?

Reply
avatar
February 15, 2009 7:53 AM delete

Hmm okay, this is the code from a new untouched blog, :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>


</div>

save your present code in text pad, replace with this one, and then modify this new code...

Reply
avatar
February 15, 2009 10:09 AM delete

OK!

I replaced the 'main-wrapper' code with the new one you provided, and only modified the 'homepage-link' code with my trick, left 'older-link' and 'newer-linker' codes intact.

Again, the 'homepage-link' was moved to the left from the center. Please see the bottom of this page 'http://pfge-pfge.blogspot.com/2009/02/blog-post.html'.

Reply
avatar
February 15, 2009 10:16 AM delete

Hmmm, Do this:

Replace
<data:homeMsg/> , with

<img src="http://THAT BLUE BUTTON WITH HOME TEXT">

Reply
avatar
February 15, 2009 10:18 AM delete

And let other things, exactly as it is.....that means from

<b:if..........
..
..
..
..
</b:if>

Reply
avatar
February 15, 2009 10:22 AM delete

In your css file, you set text-align: left.

Would your css file control all the position of all tabs to the left?

Reply
avatar
February 15, 2009 10:29 AM delete

Yes, it is a good idea to use a fig with the blue button with the home text. I can copy that blue button appearing in my blog to make a figure.

Reply
avatar
March 02, 2009 10:00 AM delete

your all tricks are good....


Can you provide the translator code, same no or more of flags as in your blog...

Reply
avatar
April 18, 2009 7:26 PM delete

I just put this mod to use on my site yesterday! I had a bunch of clutter on the bottom of my blog, and now love how people have a choice to see it all instead of seeing all these links and picks everywhere! I think it all lessens my page's load time due to not everything being 'all out there' at the same time. Very helpful mod :3

~DS

Reply
avatar
April 18, 2009 7:30 PM delete

Woops forgot to show the 'fruit of my labor' XD
diaryofanexwowaddict.com so less cluttered down there!

~DS

Reply
avatar
April 19, 2009 1:56 AM delete

Hi Martene,

Yes it does hide all the clutter !
Your blog's looking cool...& congrats for PR 2
Happy for you....

Regards
Sai

Reply
avatar
April 25, 2009 5:39 PM delete

It seems for a few days now that my tabs are broken; as in everything is listed and enclosed in a big box. Sometimes it fixes, sometimes it doesn't. I looked thought my code and can't figure it out. Is it something to do with the Googlepages to Googlesites migration of your files?

~DS

Reply
avatar
April 25, 2009 5:47 PM delete

Welcome back Martene,

Actually the tabs are not broken.....but the files being used in the code :
http://dsai.588.googlepages.com/tabcontent.css
http://dsai.588.googlepages.com/tabcontent.js

are both hosted on my account, which is being used by many people and so you are seeing this frequent bandwidth exceeding problem.

So to avoid this problem, whenever the bandwidth again comes in to control, download those two files and save them on to your PC.
Them upload them to HotLinkFiles.com or SigMirror.com and get the DIRECT LINKS and then replace the link in the code above with the new DIRECT LINK you just got !

Regards
Sai

Reply
avatar
April 25, 2009 7:07 PM delete

Ah doh! Welp that fixed it. Thanks for the constant help :)

~DS

Reply
avatar
October 02, 2009 5:15 AM delete

Finally i found this tips. Thanks for share.
Good luck.

Reply
avatar
November 25, 2009 4:37 AM delete

i wan to add google translate tab at my "search" and "categories" section. what should i put at the html? can guide me a bit?coz it's added at my template.
www.gm-zone.co.cc

Reply
avatar
November 25, 2009 5:07 AM delete

Here's the tutorial for adding a translate widget:
Add Language Translator To Blog (use the first method)

Reply
avatar
January 29, 2010 8:10 PM delete

I did everything you said but my tabs didn't work. Look at what it did:

http://juellsjewel.blogspot.com/

Can you help me fix this?

Reply
avatar
January 30, 2010 1:39 AM delete

Hey Juell

There's another more simpler method to add a multi-tabbed widget, with 24 different styles:
The tutorial is in two parts, but the complete process is really simple, plz read part 2 and part 1 of the tutorial.

Reply
avatar
January 30, 2010 10:52 AM delete

Sai, Thank you. I did what you said and it looks good so far. I want to do 5 tabs now, but how do I make the content go into those tabs now?

Reply
avatar
January 30, 2010 1:13 PM delete

In part 1, instead of the code in Step #2, use this code:

<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>Best Posts</span></a></li>
<li><a href="#fragment-2"><span>My Pictures</span></a></li>
<li><a href="#fragment-3"><span>Recent Posts</span></a></li>
<li><a href="#fragment-4"><span>Tab #4</span></a></li>
<li><a href="#fragment-5"><span>Tab #5</span></a></li>
</ul>
<div id="fragment-1">
<span style="text-align:left;">
<p>First tab is active by default:</p>
</span>
</div>
<div id="fragment-2">
<center><a href="http://tinypic.com" target="_blank"><img src="http://i29.tinypic.com/29ggyu0.jpg" border="0" alt="Image and video hosting by TinyPic"></a></center>
</div>
<div id="fragment-3">
Content of Tab #3
<br/><span style="font-size: xx-small;"><a href="http://bloggerstop.net" target="_blank">Blogger Widgets</a></span>
</div>
<div id="fragment-4">
<span style="text-align:left;">
<p>This is your 4th tab</p>
</span>
</div>
<div id="fragment-5">
<span style="text-align:left;">
<p>And this one is your 5th tab</p>
</span>
</div>
</div>


PS: Use small tab names for the 4th & 5th tabs, to fit them perfectly or else the font size of the tabs has to be decreased.

Reply
avatar
January 30, 2010 1:19 PM delete

BTW Kelly,...you are really lucky to get a matching styled-widget :)

Reply
avatar
January 31, 2010 2:11 AM delete

Sai, Thanks, I know, I was thinking the same thing about getting the matching widget, it looks good. Ok, now I need to know how to make the font smaller. Sorry to bother you. I tried to figure it out but I didn't notice any code that looked like it was for font size.

How do I get the content to go into those tabs now?

Reply
avatar
January 31, 2010 2:33 AM delete

BTW, I got creative and added another tab on my own and made everything fit the way I wanted it to so I don't need to change the font size afterall, but if it's not too complicated it would be nice to know how to do it, no worries if your busy. I do need to know how to get the content in those tabs now. Thanks Again! You're awesome! --Kelly

Reply
avatar
January 31, 2010 4:20 AM delete

Thanks Kelly.

In the part 1 -> Step #1, immediately after the code highlighted in RED, and before the code in Blue, paste this code:

#tabs, #tabs a {
font-size: 12px;
}


so the new code will be:

...
...
margin-bottom: -1px;
overflow: visible;
}
#tabs, #tabs a {
font-size: 12px;
}

#fragment-1 {
background: #999900; //Background color of content area 1 (tab 1)
...
...

To add your own content in the tabs, please read the latest conversation between me and Nancy, and of course feel free to ask any of your doubts.

Reply
avatar
January 31, 2010 5:36 AM delete

Kelly,

I was just going through your blog...It's good that your hubby is recovering. Hope he'll be absolutely healthy very soon.
Also, it's a good decision that you have started a blog to share your life. You'll get a lot of suggestions, good wishes and help from the entire world now.

I'm from India, where even now in most parts of the country alternate medicine is given a priority over allopathy. I'm a biotechnologist, but believe me I have seen MIRACLES (if that is what you call something, that science cannot answer completely) using alternate therapies.
By alternate medicine, I mainly mean ayurveda, homeopathy(not much of help...but still it does work) and Yoga (& not going too deep to complicate it).

If you have even 1% faith in what I'm telling, then please ask him to do at least some simple breathing exercises of Yoga (At least for 30min.-1hr a day). There are several breathing exercises and all of them will certainly help.
To start with, ask him to do anulom-vilom pranayam (pranayam means breathing exercise) [video]. (If he isn't able to sit for long, then don't worry ask him to do this exercise while on the bed itself.)

PS: I was going to comment on your blog, but your comment-form is not present on your blog, please activate it, so that people can share their views with you.

Reply
avatar
January 31, 2010 5:40 AM delete

Please see this video too, I'm sure it'll help him in getting better.

Wishing you and your family good health and a happy new year !
May the Best of your Past be the Worst of your Future :)

Reply
avatar
January 31, 2010 5:46 PM delete

Sai, Thanks, I didn't know that my comment thing on my blog wasn't working. I appreciate it. Will you try to make a comment now to see if it works for me? I think I fixed it. Thanks for the tips on the breathing, I will show it to my husband. He is actually doing really well now. He was in the hospital for 6 weeks and has been home from the hospital for 2 weeks now. He is re learning how to walk again. He is doing physical therapy 3 times a week. I have written so many stories about him, his health, our family, our kids, our crazy dogs etc... Just everything that has happened through this ordeal and it is on his website. A friend of mine started it for him, then when she went on vacation, I took over writing the "blogs" (journal entries) and it took off and now there's like over 4000 hits. I know that's not much in the big scheme of things but for our tiney little community it was a big deal.

http://www.caringbridge.org/visit/richardjuell/journal

I'm finding out that it is very similar to a blog, and I guess lots of people have enjoyed my stories because they say they want more and requested I start a blog as my husband gets better. I was a little resistant at first because I don't have time with 4 young kids but I know I need to write about our family's life and save that for our future generations, it's also therapeutic for me so I gave in. I really appreciate your help, I'm going to try to get the content in the tabs now, I'm sure I'll be back. --Kelly

Reply
avatar
February 01, 2010 1:12 AM delete

Kelly, nice to know that he's recovering fast. Good luck for your Macha Picchu trip :)
BTW your comment-form is still not visible, that is because at the time of publishing that post, by default it was selected in your blog that new posts should not have comments. Anyways to correct it (from your second post onwards), while writing the post, at the bottom of the post-editor, there's a link 'post options' click on it and under "Reader Comments" select the radio button "Allow".
Your journal at Carinbridge is also great, but of course at Blogger, you have your own domain with freedom to tweak the template as much as possible :)
In case of any problem you find on Blogger or if you want to share something about your blog, then you're always welcome here !
Moving on to your next comments at collapsible multi-tabbed widget...

Reply
avatar
May 09, 2010 6:09 AM delete

Hi there! Great tutorial! I've got only a very small, basic knowledge of programming, but this was perfect for helping me organize my blog the way I'd like.
It looks perfect in Safari... but the tabs are completely ignored in IE or Firefox (everything is shown at once, flat & in line). I'm doing my best to figure out what I did incorrectly (the example tabs don't have that problem, so I'm sure I tweaked something that shouldn't have been tweaked), and I'd love some advice if you could point me in the right direction!
Thanks so much!!
Tess
http://www.cozylittlecave.com

Reply
avatar
May 09, 2010 7:59 AM delete

OK- I think I may have fixed the problem! It appears that most browsers weren't able to pull the style sheet, but I changed where I was hosting it & I believe it's showing up correctly now! :) Thanks though!

Reply
avatar
Rox
May 16, 2010 5:39 AM delete

OMG! You are a genius. Thanks for these awesome widget ideas, info and tips. I need to do a lot of revamping! ;;) :D

Reply
avatar
May 16, 2010 2:53 PM delete

Thank you :)
Glad you liked the tutorials!

Reply
avatar
July 14, 2010 12:22 AM delete

Can i add tab insde an entry.
Plz help me :(

Reply
avatar
March 04, 2011 8:28 AM delete

this one is workin! :D i picked the last tab. But, Bhai.. how to change the tab color? im waiting for ur reply here, ok. Shukriya ;)

Reply
avatar
April 04, 2011 9:05 AM delete

I am having one default multi-tab widget in my blog(http://discoverdreamland.blogspot.com). I want to reuse it in another place. I had tried but i found some errors. So can you please alter your multi-tabbed code so that i can have a button link similar to my blog theme button.
Thanks
Ashish
http://discoverdreamland.blogspot.com

Reply
avatar
October 12, 2011 3:32 AM delete

aha, thanks alot! this one I'm looking for.

Reply
avatar
October 12, 2011 3:34 AM delete

good post friend! now I can add this tabbed menu into my blog ;)

Reply
avatar
December 17, 2011 1:34 AM delete

Hi,
I tried all the steps and went with the last or number 3 tabs, but no dice. I made a test blog to try it on, even downloaded the 2 files .js and .ccs on Sigmirror.com and placed the links, but I don´t think it works with "Add A Gadget" because it´s not in place as you can see on this test blog.
Am I doing something wrong here?
Thanks in advance, you seem to be the only one that provides this widget on the internet, in English anyway, so Im thankful.
http://mexvideo.blogspot.com/

Reply
avatar
May 11, 2012 8:27 AM delete

Hi everybody.
Does anyone help me how can I put in the tab content for the popular posts and the archive?

Thanks very much

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon