Rearrange the Sidebars (From My Inbox)
Sometimes a sidebar isn't where you want it. Maybe you want them side by side. Maybe not. You can put them where you want them.
Hello Annie
Thanks for your hard work - I'm a fan here's my problem: I have this blog Indie Waves and I need another sidebar (too much information just for one sidebar) but I cant get the new sidebar to go to the left of the main, I think it's a float issue, but I really cant figure it out.
Heres the code and here is the part that's making me crazy
If you could help me, I'll bake you a pie ;)
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section>
</div>
If you move the following code as I arranged it below, that should take care of it. You end up with sidebar-posts-sidebar
<div id='content-wrapper'>You can take this basic idea, and move your sidebar and main in any way you want. Experiment until you find and arrangement that you want.
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section>
</div>
Labels:
Blogger Beta,
Design,
Reader's Emails,
Sidebars
6 Comments:
As I said before, thank you so much, i love to design my blog over and over, and know zero of programming, whithout BlogU, I would be lost
@indie-waves, you are more than welcome! If you design your blog over and over, you will learn CSS/HTML very fast!
i had same problem long time ago while creating new sidebar. thank annie, i got lot of info from your blog. come n see my blog too, with pleasure if u could leave a comment.
thanks again
Hi Annie,
I tried to put the code on my blog's HTML sheet but it didn't work. I think I just don't put it in the right place.
Where does it go on the HTML sheet?
Thank you !
Annie, sorry but just ignore my above comment. I went over to Hans and in the comments of his article, he explains about how to deal with the rounder template. It's way too complicated for me to implement. I think I'll just decide to be happy with my 2 columns blog.
Thank you!
My friend had this problem. Thanks for your informative post. If you want some more information about web development and internet marketing then Toronto Marketing Company
title can help you.