First, login to Blogspot account and goto the Edit HTML menu.
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:width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
#main-wrapper {
width: 410px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
width: 410px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
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.
No comments:
Post a Comment