I found this tutorial about how to create a three column template in Blogger layouts, using the Minima template as a starting point.
You have to be careful if you use using Blogger's new "Layout" version..
This tutorial uses "left" and "right" as parameter, but blogger has changed these respectively to two variable $startside and $endside instead, so when you edit template html, you have to change accordingly.
#left-sidebar-wrapper {
width: 220px;
float: $startSide;
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 */
#main-wrapper {
width: 410px;
float: $startSide;
margin-$startSide: 20px;
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 */
}
You have to be careful if you use using Blogger's new "Layout" version..
This tutorial uses "left" and "right" as parameter, but blogger has changed these respectively to two variable $startside and $endside instead, so when you edit template html, you have to change accordingly.
#left-sidebar-wrapper {
width: 220px;
float: $startSide;
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 */
#main-wrapper {
width: 410px;
float: $startSide;
margin-$startSide: 20px;
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 */
}
Comments