Collapsible Multi-Tabbed Widget For Blogger Blogs

*UPDATE: 24 new skins are available for this widget. Check out Collapsible Multi Tabbed Widget - Part2 to select the best theme for your widget.

This tutorial will help you to add a multi-tabbed widget to your blog. You can use this widget to display more content in less space using the tabs.

Blogger_Tabber_Widget
Working Demo | [DEMO - Widget Part 2]

To add it to your blog, your task is as simple as copy and paste. At the same time the widget is highly customizable and you can easily change its appearance to match your blogs theme.

Instrucions to follow:

STEP #1:
Log in to Blogger and go to Layout -> Edit HTML and find this code in your blog:
</head>
Immediately ABOVE/BEFORE it, paste this code:
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STARTS-->
<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/ui.core.js"></script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/ui.tabs.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs();
});
//getter
var ajaxOptions = $('.selector').tabs('option', 'ajaxOptions');
//setter
$('.selector').tabs('option', 'ajaxOptions', { async: false });
</script>
<style>

.ui-tabs-selected a {
background-color: #fff;
color: #000;
font-weight: bold;
padding: 2px 8px 1px;
border-bottom: 1px solid #fff;
border-left: 1px solid gray;
border-right: 1px solid gray;
margin-bottom: -1px;
overflow: visible;
}
#fragment-1 {
background: #999900; //Background color of content area 1 (tab 1)
color:#FFFFFF; //Text color in content area 1 (tab 1)
margin-top:2px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#fragment-2 {
background: #CC9900; //Background color of content area 2 (tab 2)
color:#FFFFFF; //Text color in content area 2 (tab 2)
margin-top:2px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#fragment-3 {
background: #666666; //Background color of content area 3 (tab 3)
color:#FFFFFF; //Text color in content area 3 (tab 3)
margin-top:2px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#fragment-3 a {
color:#FFFFFF; //color of HYPERLINKS in content area 3 (tab 3)
}
</style>
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STOPS-HELP-@-http://bloggerstop.net-->

The code highlighted in RED will control the appearance of the tabs. And the code highlighted in BLUE will control the appearance of the content area. To make your work easy, comments are written in front of the code above (highlighted in GREEN color).
Now save the template.

STEP #2:
Now go to Layout -> Page Elements
Click on Add a Gadget and select it as HTML/JavaScript type
And paste this code into it:
<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>
</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>
Now before you save the widget, change the text in RED to change the names of tabs and change the text in BLUE to change the content of the tabs.

Save the widget and enjoy more content in less space.

This post has been written to replace the previous tutorial on advanced collapsible multi-tabbed widget.

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

65 comments

Write comments
December 13, 2009 2:31 PM delete

ooooooooo!!!1 awsome!!!! finally something that works!!!!! wooow, really caant thank u enough. i will be tweaking the colors, and im ready.
thanks a million

Reply
avatar
Anonymous
December 13, 2009 3:03 PM delete

any idea how to change the headlines into:
recent posts
recent comments
(of course i want them to be automaticaly updated)

Reply
avatar
December 13, 2009 9:09 PM delete

Hey sai,when i open the working demo,it shows access is denied :(

Can u see waht is the problem and rectify it.I want to see how it looks like.maybe some problem with datanest?

With regards
vinoth
Contests and freebies

Reply
avatar
December 13, 2009 9:15 PM delete

Hey Sai,

I saw this 200 $ giveaway banner on ur blog,did u trust that site ?
I even saw that on all google ads.do u trsut that one so that i can also particiate and win,.

another thing..check the end of the page
http://www.jewelryartdesigns.com/jewelry-jad.asp?p=Win-Jewelry&xref=bloggerstop.net

We choose the winner of our yearly draw in exactly the same way. The next annual draw will occur October 1st 2010. Good luck to everyone!

I have a Contests blog ,i am awaiting your reply so that i can also tell it to my blog users.

Reply
avatar
December 13, 2009 10:21 PM delete

Hello Divya,

Can we change font size, color and style of tab headings ?

Reply
avatar
December 13, 2009 10:36 PM delete

@Rabin
You are most welcome buddy !

@Anonymous
In STEP #2
replace the RED colored headings.
Then replace the blue colored code with the that of Recent Posts and Popular Posts

@Vinoth
Thanks for informing me, I have now adjusted the settings. Now the demo will be displayed to you.

@Winoath
That's a sponsor of mine. I have read that page, and along with that annual draw, they have monthly draws too in which any random blogger is given $200. The previous winners blogs are mentioned in that page, if you want you may confirm the reliability with these winners.
Anyways the only requirement is placing a banner on the blog, no review etc. so if you want you may participate, I have checked their homepage pagerank which is 5, so they are definitely not in Google-blacklisted group.

Reply
avatar
December 13, 2009 10:47 PM delete

@Hetal Patil,
In step #1
modify the code in red to adjust seleccted-tab's settings.
I saw exactly this widget with awesome modifications somewhere, I'll give the link after a few hours.

Reply
avatar
December 14, 2009 1:42 PM delete

@Hetal

Check out the Part-2 of this post, I hope you'll find the tab-menu of your choice now.

Reply
avatar
December 15, 2009 12:12 AM delete

Hello,

Thanks for the update Divya. I have a question off the topic - how can we put a line in a post (as you have used for update in the above post) ?

Reply
avatar
December 15, 2009 12:21 AM delete

Use this code, wherever you wish to insert a line:
<hr />

Reply
avatar
January 13, 2010 3:12 AM delete

THANK YOU SO MUCH for sharing.
I attempted to copy the code from "edit html" to one link list to paste it in blue area ( step 2) and it wasn't working.
My blog is at ngmarcus.blogspot.com.
As you can see I have the MultiTab on the right and I wish to Bring the contents of the Link List Inspirations, Home Mates Friends and Blog archive all into the multiTab. is it possible? thanks for your time

Reply
avatar
January 13, 2010 6:46 AM delete

Hi Marcus, although it is working in your blog, but the problem is the blue area in your blog (your sidebar) is not wide enough to use long names in the tabs like "Inspirations, Home Mates Friends and Blog archive". How to resolve the issue:
1. Try some short names and it will align perfectly.
2. Or you can increase the width of the sidebar.
3. Or you can drag this widget above your posts area, where the width is sufficient to use quite longer tab names.

Reply
avatar
January 13, 2010 7:23 AM delete

cools thanks alot for your fast response!!

Reply
avatar
January 25, 2010 10:46 AM delete

thank's i just inserted in my blog http://www.a2zabsorbe.blogspot.com/...
check it out..

Reply
avatar
January 25, 2010 11:05 AM delete

Great work buddy!
the comments with a blue background looks really cool...

Reply
avatar
January 30, 2010 12:54 PM delete

how do you get customized content in each tab? I tried opening the widgets I wanted to embed under each tab into the multi-tab code but it didn't work. I'm just setting this blog up so there's no content yet. www.shematters.me

Reply
avatar
January 30, 2010 1:20 PM delete

Hey Nancy,

In Step #2 REPLACE the entire text highlighted in BLUE-color with any text/image you like.

Reply
avatar
January 30, 2010 3:56 PM delete

What do I replace the blue code with if I want to use a widget (recent comments, archives, etc.) rather than an image? (Sorry to be so dull - just learning . . . )

Reply
avatar
January 31, 2010 3:26 AM delete

Hey Nancy,
Simply replace the code in blue, with the code from this page - if you want a recent posts widget in one of the tabs: Blogger Recent Posts Widget

and this one for recent comments widget: Recent comments widget

similarly copy the code for popular posts widget from here:
Popular posts widget

and get codes for other widgets from the sidebar of this blog.

Reply
avatar
January 31, 2010 5:59 PM delete

Holy cow Sai, this is getting complicated. I read your comments to Nancy. I think I'm going to have to enlist my techie brother for help, I'm going over to see him right now anyway so I'll be in touch. Thanks again, You're awesome! --Kelly

Reply
avatar
January 31, 2010 6:03 PM delete

BTW, Does the above advice apply to my case. I want to put my little "about me" section in the "Author" tab, and the links to my favorite websites under the "trees" tab, and possibly a link to my photobucket and you tube stuff in the "pictures" tab. I guess I'm just wondering if I can make it all automatic, or do I have to deal with all the HTML stuff every time I add an entry, or want to edit or update the blog. Sorry I'm so technologically challenged. --Kelly

Reply
avatar
January 31, 2010 7:18 PM delete

Sai, Also, I forgot to mention that the picture of the orchid flower in the tabs (up on top of this page) still comes up on my site before it loads up the newer tabs that I did afterward. Any suggestions? Sorry to be so high maintenance. --Kelly Juell

Reply
avatar
February 01, 2010 12:57 AM delete

I love the idea of the tabs, but am trying to figure out the best way to use them for my classroom blog.
www.rochaclass.blogspot.com

This is what I'm thinking:
1. Subscribe
2. Calendar from Google with current curriculum we are studying -- I put the code in for the calendar and left it at the bottom of my blog as well, because I couldn't get it to show up on the blog itself under the calendar tab. What did I do wrong here?
3. Resources - with a links list... (Is this possible? I couldn't find a gadget for it, if so.)

Thanks so much!

Reply
avatar
February 01, 2010 1:38 AM delete

@ Kelly,

Don't worry about the content in the tabs, just tell me what you want to add in them, and I'll give the code that you have to add.
For now, as you have mentioned for your author tab,
replace this code entirely:

<p>And this one is your 4th tab</p>

with this one:

<span style="text-align:left;">
<b>Kelly Mugar Juell</b>
<a href="http://www.blogger.com/profile/16306414687298797032" style="clear: left; float: left;"><img src="http://3.bp.blogspot.com/_09bezb5hVoA/S1u2-wnKuwI/AAAAAAAAAAM/K2X7B8a8Dxk/S220/meagain.jpg"/></a> Mommy, wife, daughter, sister, aunt, and friend. I love my peeps, I love my life!
</span>

Reply
avatar
February 01, 2010 1:38 AM delete

@Nancy
I suggest the same to you, mail me the content you want to display in the tabs, and I will tell you where and what to edit.

Reply
avatar
February 01, 2010 1:40 AM delete

@Tara,
You have pasted the code correctly for your tabs, but by mistake you have deleted the closing div tag "</div>" for tab 1.

i.e. between these lines;
FeedBurner</a></p></form>

<div id="fragment-2">


add a closing div tag, like this:
FeedBurner</a></p></form>
</div>
<div id="fragment-2">


and delete an extra closing div tag at the end.
i.e. this code at the end:
</div>
</div></div>


will become:

</div>
</div>

Reply
avatar
Anonymous
February 01, 2010 2:14 PM delete

Sai, I did that, thank you. I added 3 or 4 more posts. 2 are recipes of mine that I want in my "gourmet" tab, and 1 is a story about my husband and kids that I want in my "stories" tab. Is there a way to organize my posts into different categories when I write them so that they automatically go into the correct tab? That actually the whole reason why I am doing the tabs because I want to organize my posts. Also, under "trees" I was hoping to put all my website links. Those websites are all my family trees that I am working on. What do you think? am I too high maintenance (-: --Kelly

Thanks Again!

Reply
avatar
February 01, 2010 2:16 PM delete

Sai, for some reason I couldn't post my comment as "Kelly Mugar Juell" through my google account, it wouldn't take it. Anyway, I just wanted to clarify that last comment was me. --Kelly Mugar Juell

www.juellsjewel.blogspot.com

oh, and P.S. how do I delete the script that is loading the first tabs that I added and then changed to these better ones. It keeps loading on my page and then I have to wait before it loads correctly with my newer better tabs.

Reply
avatar
February 01, 2010 2:53 PM delete

None of your questions will ever bother me Kelly...I do try to answer all the comments as soon as possible, but just in case any of your comments do not get replies from me within 4/5 days, then do not hesitate to comment again to remind me.

Anyways, you can of course organize the posts in those tabs, but for that you have to assign some labels to your posts, like add a label "gourmet" to your posts on recipes and a label called "life" or "stories" to your personal stories.
Edit your previous posts and add these labels (at the bottom of the post-editor - you can add multiple labels to a single post separated by commas).
Once you do this, let me check and then we'll proceed further.

2. You can speed up the loading of the widget a little bit, by shifting this code:

<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STARTS-->
..
..
..
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STOPS-HELP-@-http://bloggerstop.net-->


you presently have this code JUST above this tag:

</head>

now transfer it JUST BELOW this code:

<head>

notice the missing "/" in the two tags.

Reply
avatar
February 02, 2010 1:27 PM delete

Hey Sai, Ok, so I added the labels, I'm so glad you told me about that. It's a great way to organize my posts. So now what should I do?

Also, I put the post truncation thing on my 1st post, the one about "When my husband got sick...really scary sick" and it won't work when I look at it, it also won't work on the "Tuscan Vegetable Stew" post. www.juellsjewel.blogspot.com

I just tried to shift the code but I screwed up, I think I got confused and did it wrong because it won't let me save it, this is what it's saying: "We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "head" must be terminated by the matching end-tag "".

--Kelly Juell

Reply
avatar
February 02, 2010 5:10 PM delete

Hi Sai, I forgot to ask you...Is there any way to delete the column on the left or do you think I need that column. I just thought I would organize it all in the tabs and I wouldn't need it. I've been putting pictures in my posts, I think it's looking better. I'm looking forward to getting it all done. There are some things you've suggested that I haven't had a chance to do yet, but I will get around to it. Thanks Again! --Kelly

Reply
avatar
February 03, 2010 10:17 AM delete

@Kelly,

I just checked your blog, and found all three posts truncated...

While shifting that code, make sure you are shifting the entire code, i.e.
from
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STARTS-->

to
<!--COLLAPSIBLE-MULTI-TABBED-WIDGET-STOPS-HELP-@-http://bloggerstop.net-->

& paste it just BELOW this code: <head>

I won't suggest you to delete your sidebar. Once you find so many widgets and friends on the internet, you may actually feel the need of adding a new sidebar :)

PS: Give me your mail-id where I can send the content of your tabs, I'll mail you the code using which you can show recent posts organised, according to your labels.

Reply
avatar
February 03, 2010 3:51 PM delete

My tabs were working fine and now they aren't working... Will you check out my coding to see where my mistake is? I'm not sure what happened. They were working just fine and I loved them.

Thanks so much for your help,

Tara
www.rochaclass.blogspot.com

Reply
avatar
February 03, 2010 11:42 PM delete

Hey Tara,

You have pasted the code from STEP #1 at the wrong place. It is presently above the tag
<head>

Shift it to either BELOW
<head>

or ABOVE this tag:
</head>

Notice the "/" in the code above.

Reply
avatar
February 04, 2010 12:05 AM delete

Sai,

Okay... I shifted that whole code to beneath the head like you said and it is still not working.

Could there be another problem somewhere?

Thanks!

Reply
avatar
February 04, 2010 12:17 AM delete

I just copied and pasted the html codes for step #1 again and it is still not working. It's making me a little crazy.

Thank you so much for helping me.

Reply
avatar
February 04, 2010 1:50 PM delete

Hey Sai! Do you know what happened to my tabs? I haven't even done any of the things yet that you told me to do last time. I was just going to do it now and I wanted to view my blog first and it's not loading the tabs. It looks really bad now. --Kelly
www.juellsjewel.blogspot.com

Reply
avatar
February 04, 2010 2:36 PM delete

@Tara & Kelly,

The problem was with the jquery-ui team. They have removed the files which we were using in this hack.
Anyways I have updated the code with new links. Please change the code (STEP #1)

I hope it'll work perfectly.

Reply
avatar
February 04, 2010 10:06 PM delete

It worked!!!

Thanks! I LOVE IT!!! Never thought I would learn HTML codes. Thanks for helping me. You are the best!

Reply
avatar
February 04, 2010 10:17 PM delete

Okay... I don't want to mess up my template by trying to trade it out with a pretty ready made one that includes a banner and graphics for fear that I'll mess up what I already have. How can I add a picture to the left or right side of the heading/title. I don't want it in the side bar. I want to put it in the middle section. Is this possible?

Thanks.

Reply
avatar
February 05, 2010 12:44 AM delete

Tara,

You can in fact add a complete new header image (right in the center) Give me the image (link or mail it to me). I'll give you the code to add, in your template.

BTW, in your tabbed widget, the selected tab is completely white...so to avoid this problem, delete this code entirely:

.ui-tabs-selected a {
background-color: #fff;
color: #C18844;
font-weight: bold;
padding: 2px 8px 1px;
border-bottom: 1px solid #fff;
border-left: 1px solid gray;
border-right: 1px solid gray;
margin-bottom: -1px;
overflow: visible;
}

Reply
avatar
February 05, 2010 6:16 AM delete

Thanks for the tip on the tabs... I was trying to figure that out.

Okay... I have a header... The direct link is:
http://i786.photobucket.com/albums/yy147/rubtar/RochaBlogHeader-1.jpg

If you could tell me how to put it in my template (where to insert it in the html code that would be great. I tried to insert it using the html code from photobucket, but couldn't figure it out.

Reply
avatar
February 05, 2010 1:32 PM delete

Sai, Thanks for all your help, I agree with you about the sidebar thing, I am going to leave it up there. In fact, i think i am just going to pass on using the tabs afterall. I don't my blogs appearance dependent on someone else and if they decide to remove the files I am using for my blog. No big deal though. Do you know how I can just organize my side bar based on the "labels" you suggested I use. Instead of by Months like January, February etc... I would like it to be: Life Stories, Gourmet, etc... What do you think? --Kelly

Reply
avatar
February 05, 2010 2:06 PM delete

Sai, I went ahead and reset my blog to the default and I lost my internet links and some other stuff. No worries, I can re do it. But I can't find the layout part on my dashboard, it's gone now, what should I do? I want to fix my side bar up now. Thanks, --Kelly

Reply
avatar
February 06, 2010 7:30 AM delete

worked for some days now not working.... help me out

Reply
avatar
February 07, 2010 9:01 AM delete

@koorafs,
I have updated the code in step #1, of this tutorial. Please use the new code. It'll definitely fix your problem.

Reply
avatar
February 07, 2010 11:25 AM delete

@Tara,

This is the exact code you are having in your template:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #333333;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#header {
margin: 5px;
border: 1px solid #333333;
text-align: center;
color:#804000;
}


now replace it with this one:

#header-wrapper {
background: url(http://i786.photobucket.com/albums/yy147/rubtar/RochaBlogHeader-1.jpg) no-repeat;
width:660px;
height:175px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#header {
margin: 5px;
text-align: center;
color:#804000;
}


If your Blog-Title overlaps your header image, then we can either make it small, or hide it completely or adjust it at the bottom/top of the header image. Let me know what do you want to do...

Reply
avatar
February 07, 2010 7:39 PM delete

Sai...

That looks great. I love it. How do I hide the old header?

Thanks again for all your help!

Reply
avatar
February 08, 2010 2:39 AM delete

There are two methods to do this, one is against SEO so I won't suggest you that (which is simply hiding the header text using CSS).
Another method (suggested by Blogger.com) is this one:
Go to Layout -> Edit HTML
and delete only this line from the code:

background: url(http://i786.photobucket.com/albums/yy147/rubtar/RochaBlogHeader-1.jpg) no-repeat;

Now go to Layout -> Page Elements
and click he "Edit" link of your header widget (right at the top, just below the navbar)
1. Now, browse the same header-image from your PC.
2. Select "Instead of title and description" under "placement"
And save the widget.

Reply
avatar
February 08, 2010 3:54 AM delete

@Kelly,

Is the "Layout" tab still missing from your dashboard? Try some other browser too, like IE, Firefox or Opera..

Sidebar is of course important, but you may have a multi-tabbed widget too, there's no need to completely remove it. In my blog too, as you can see, I have a sidebar and two rather than 1 multi-tabbed widgets (one in the sidebar and 1 below the posts)
Don't worry about those uploaded files, now I have hosted them myself and you can also save a copy of those files yourself on your PC as a backup.

I need your mail-id to send you the code, for recent posts specific to your categories like "Life stories", "Gourmet" etc.

Reply
avatar
February 08, 2010 4:07 AM delete

@Kelly,

If by mistake, you have switched to "classic template", then you have to revert/upgrade to "Layout"
If this is the menu, you can see in your dashboard, then you have to click on "upgrade your template":
http://1.bp.blogspot.com/_pzC_7PLtN-0/SKc8_TyycPI/AAAAAAAABME/AsYhinKLZDw/s1600-h/Upgrade+Template+1.JPG

Reply
avatar
February 08, 2010 10:48 PM delete

Thanks so much Sai!!! You are wonderful!!!

Reply
avatar
February 22, 2010 4:57 AM delete

I never thought of such an innovative stuff can be done in blogger blogs. Hats off to you Divya... The more and more I am reading your posts, I am admiring you more ;)

Lina.

Reply
avatar
March 31, 2010 5:37 AM delete

Hi Sai,
I'd like to change my theme and now I like to add Collapssibe multi-tabbed widget into my blog but after I did it, it doesn't look right. Please take a look at my blog and show me what to do. I've tried and tried many times but the problem's still there.
http://triallinda.blogspot.com/

Sorry, this is the testing blog and I like to make it perfectly before I can move/change into my old blog.

Thanks again Sai. You helped me a lots with my other blog :)
Linda

Reply
avatar
April 11, 2010 10:00 PM delete

Hi Sai,
OK, after I read & followed Part 2 of this post, I can made it successfully.
Thanks Sai again for this post :)

Reply
avatar
August 02, 2010 8:18 AM delete

hi sai . i am again back to ur posts. i did as u said but the tabs aren't appearing like tabs rather they are like list.

The same is the problem with the 'working demo' u provided. plz help me out with this. looking forward for ur solution

:) :) :)

Reply
avatar
August 02, 2010 9:27 AM delete

@Java, thanks for reporting the error, I have upodated the post.
You just have to change one link in the code, i.e.
change this code:

<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.all.css" rel="stylesheet" />

to this:

<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />

Reply
avatar
August 02, 2010 11:03 AM delete

hi sai even that was not working .please help me out :)

Reply
avatar
December 13, 2010 2:54 PM delete

I would like to use these for link lists ( I have too many links i think and this would be perfect for that.) How do I do that?

Reply
avatar
March 25, 2011 9:28 AM delete This comment has been removed by the author.
avatar
March 25, 2011 9:31 AM delete

first I paste the code before /head then just after <head but both didn't work for me.
http://defencedog.blogspot.com/
see the picture:
http://imageupload.org/?d=4D8C98DB1

Reply
avatar

Comments are moderated on this blog

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

Comment Like This! and Optimize your blog EmoticonEmoticon