Two sidebars in blogger - Part 2
It was brought to my attention that I left out a bit of information needed to make the two sidebars work. If you haven't read Two sidebars in blogger - Part 1, read it first. The part that slipped my attention is buried deeper in the template. You have a section of code that should read:
<div id="sidebarleft"><div id="sidebar2">Simply add this after all the content in your left sidebar:
<div id="sidebarright"><div id="sidebar2">
Be sure to add a matching </div> for each <div> that is added (that would be two for each sidebar) to close the tags.These are placed at the end of your sidebar code. Otherwise things will get crazy fast. Now you add content to that sidebar as you have before (ie where you want the content to be seen in your blog). Sorry I didn't notice that omission before.
With all that being said, it seems each blog has it's own idea of how it will allow another sidebar to be introduced into the mix. When I added the second sidebar to by blog, it was very simple...cut and paste and it was a done deal. I recently helped a friend add a second sidebar to his blog. He also uses the same template as I, Minima. For some reason, it was extremely difficult. But, after a few glasses of wine and sleeping on it, I managed to make it happen. So, there is no rhyme or reason (at least to me, a person with no training) for why or why not something will work. If you are trying to add a second sidebar to your blog and it is just not happening as you had hoped, email me and I'll see if I can help. Not promising anything, but I do enjoy a challenge.
24 Comments:
Hey, I don't think you know, but the link in this post leads back to Part 2 and not Part 1.
Thanks, Ozz! It's been fixed.
peace...
annie
Hey Annie, I just wanted to thank you again for the great articles. The tips from this one really helped me spruce up my page!
Ray, Glad you got your sidebars up and running. Happy to help!
I want two sidebars, so I'm looking forward to trying this. I've read a number of your posts and they're very helpful, but I haven't tried anything yet coz I've only just become ok at the really simple stuff. Anyway, this site rocks, and thanks for the effort.
gazonde, that is how to do it. Start simple and work up. I'm happy you like my site!
I love the code but is there a way to modify it to get sidebars on either side of the main posts? When I use this code I get the two sidebars but htey are right next to one another and to the right of my posts. I'd like the left sidebar to the left of the posts and the right to the right. If that makes sense . . .
Thanks!
Joanne, yes, I do understand what you are saying. It is all done with smoke and mirrors! Actually it is all done in the 'Edit Template' and 'Page Elements'.
First go into the 'Edit Template' section. Look for the wrappers...left, right and main. You will move them as chunks of code. Arrange them as you want to see them in your blog. For you that would be left-wrapper, main-wrapper and right-wrapper.
The main should look something like this:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>
You should see the other wrappers close by. Just make sure you get all the code between the <div> and the </div> for all 3 sections.
The second part is in the 'Page Elements' area. I hope there is a more graceful way to accomplish this, but I can't find it. So, what I did was rearrange the columns until it all fell in place. It took a while, but finally it happened. Dumb luck maybe. It is much like putting a puzzle together that has a mind of it's own. Just be persistant and try different moves!
If you need more help, let me know. And give me a link to your blog and I will try.
Yes it works. But my 2 sidebars are now among each other. And I would like to have them side by side. Were`s the bug? Mike
@Mike, I think I know what you are saying. Try reading this post by Hans and see if that clears things up.
It would help to include the
link.
Yes... the link was helpful, i have fixed the problem. Thank you for your great support annie! Mike
hi, i'm using the "thisaway" template and i'm trying to add the 2nd sidebar. i've followed hans' instructions over at beautiful beta.
i've managed to get the 2nd sidebar in but right now, my "posts" section is over the left and right sidebars. i've played around with the margins but just can't seem to get the left and right sidebars to go up beside the post section.
any suggestions? seems like a difficult template to fix. i did another one and it worked out fabulously but this one...so far, no go.
thanks!
@amy, that template is tricky. If you send me your template code (the saved xml file) I will take a look at it and maybe find the problem. But, I'm not promising I will figure it out.
@amy,I really need to see your template to tell what you done.
hi annie! thanks for responding. i'm sorry, i just got your message today...wonder why i didn't get the earlier message. anyway, i got so frustrated with the 2nd column thing. i had it looking GREAT in firefox but when viewed in IE7, it looked horrible! i'm going to try to redo it again and i will then send you my template to show you what's going on...
thank you!
(it will be sometime later this week - i need a "break" from html and css!)
hi,
i need code for 3 column papel morado template and parchment template.plz help me out.
preethi.
hi annie, need ur help. i am having trouble creating my blogsite with two sidebars. my site http://clickformoneyetc.blogspot.com/ has only 1 sidebar and i want to make it two both in the right portion. please help me. Thank you so much.
God bless..
mrguy82@yahoo.com
It doesnt work for me, i found all the stuff on the first U blog page but with the div id thing i cant find anything in my htmal text like that. :( can you help me?
~Darthski Club Penguin Club President~
where do i have to add that?
I've tried this but, its not working.
I saved it and but still no other sidebar. What am I doing wrong?
heres my blog: thestardolldiarys.blogspot.com/
Sigh, nevermind again...it still doesn't work :(
Hey,I love the instructions and am also an untrained html writer---who shouldn't play with her blog at 4 am after getting kicked sleepless by her 2 yr old.
My blog at 365tasveerain.blogspot.com needs some help.
I got the 2nd side bar in, but I need to fatten em up and a little more guidance in how to add widgets (content to it) as I can't on the layout page. Also, need to centrize I guess, the main body and fatten it back up.
Leave me a comment if you think you know what I did wrong =) Thank you!
Thanks man it was a favour from you but
i am still not ablr to do it for my other blog
dono y :( ??