Monday, November 9, 2009

Move sidebar to the left or right

On Minima Template, by default, the Sidebar is on the right of the Blog Posts. With few simple steps, we can move the sidebar to the left or right.
minima layout
left sidebar
First, login to Blogspot account and goto the Edit HTML menu.
edit HTML layout
Find the main-wrapper and sidebar-wrapper code lines as shown below:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

Change variabel of the float to the right ($endSide) or left ($startSide), so the codes would look like below:
#main-wrapper {
width: 410px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}

edit float 1
Save template. Now the sidebar has been move to the left of the Blog Posts.
* * * * * * * * * * *
Note: To find the code line quickly, we can use the Finder column by pressing ctrl+F and type the word we looking for in it.
finder on mozzila
finder on chrome
finder on ie

No comments:

Post a Comment