How to divide blogger sidebar to two columns

1. Log in to your blogger account and Go to Design >> Edit HTML

2.  First of all download your full template.because if you make some wrong
    you can recover it.

3. Put checked marked in Expand Widget Templates

4. Find this code (similar to this code)
*Each template has a composition different code. So you need to consider is the value of 
  its width.This above codes width is 254px,so you have to divide it. (117px and 117px) 
  and change second  column margin.

#sidebar-wrapper {
background-color: #f6f6f6;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; 
overflow: hidden;    }

5. Replace Above code with this below code.

#sidebar-wrapper {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; 
overflow: hidden;     
}

#sidebar-wrapper2 {
background-color: #f6f6f6;
width:117px;
float:$endSide;
padding:0;
margin:0px 20px 0px 0px;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word;
overflow: hidden;     
}

6. After find like this code.

* Important is find about code, what i mention in red color.

7. Paste below code after there > tag

id='sidebar2'

preferred='yes'>
8. Now you are done.Click preview and save the template and  Go to page element and see the result.

Kindly Bookmark and Share it:

enter your email address to subscribe to information from Dhruva corporation: