FAQ Friday: I have a 3 column template but how do I make both of my sidebars on the right side?

This weeks FAQ Friday is.... I have a 3 column template but how do I make both of my sidebars on the right side?

When you have a three column template most of the time it has a sidebar on each side.  I am now going to tell you how to have them both on the left or right!

Answer:
When you go to Edit HTML in your blogger layout you will need to scroll down and find this:
"#sidebar-wrapper" and "left-sidebar-wrapper"

Where you see "float" put either left or right.  Whatever you put in there will make it be on the side of the post. 

Example:
Say this is what my code looks like:
"#sidebar-wrapper {



background:none;


background-image:url();background-position: top right; background-repeat:no-repeat;


margin:0;


width: 205px;


margin-top:0px;


margin-right:0px;


padding:20px;;


float: right;


border-left:0px dotted #000000;


word-wrap: break-word; /* fix for long text breaking sidebar float in IE */


overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


}






#left-sidebar-wrapper{


background:none;


background-image:url();background-position: top right; background-repeat:no-repeat;


margin:0;


width: 205px;


margin-top:0px;


margin-left:0px;


padding:20px;


float: left;


border-right:0px dotted #000000;


word-wrap: break-word; /* fix for long text breaking sidebar float in IE */


overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


}"
Or something like that!  :)  And I want both sidebars to be on the right side of my posts.  I would change it to this!
 
"#sidebar-wrapper {
background:none;


background-image:url();background-position: top right; background-repeat:no-repeat;


margin:0;


width: 205px;


margin-top:0px;


margin-right:0px;


padding:20px;;


float: right;


border-left:0px dotted #000000;


word-wrap: break-word; /* fix for long text breaking sidebar float in IE */


overflow: hidden; /* fix for long non-text content breaking IE sidebar float */


}


#left-sidebar-wrapper{


background:none;


background-image:url();background-position: top right; background-repeat:no-repeat;


margin:0;


width: 205px;


margin-top:0px;


margin-left:0px;


padding:20px;

float: right;


border-right:0px dotted #000000;


word-wrap: break-word; /* fix for long text breaking sidebar float in IE */


overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}"

Where it was red  I made sure it said "Right"
Did this help you?  If not be sure to email me at byutatortot@gmail.com! 
Do you have a question you would like me to answer?  Go here! 
You can view the other FAQ Fridays here!

 


If you have any questions, comments, suggestions, etc please feel free to email me at byutatortot{at}gmail{dot}com! I enjoy emails!