Wednesday 10 July 2013

Filled Under:

How to add Two Columns below Sidebar blogger

Today we bring you all new great features about blogspot blogging starting with the sensational adding two column sidebar below a sidebar. Split two column under sidebar is very easy. All you have to do is need to add some css and html code in your template. Backup your template or use a test blog for this trick.


So get down with these steps and get 2 new sensational sidebar below a sidebar.
Log in blogger and go to Layout———-> Edit HTML
find out this line from ur blog template
]]></b:skin>
Paste the below code just before the above one
#magazine-left4 {
width: 48%;
float: left;
}
#magazine-right4 {
width: 48%;
float: right;
}
Go to lower side and find the code like this :
<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar'
preferred='yes'>
<b:widget id='Feed2' locked='false'
title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false'
 title='Labels' type='Label'/>
</b:section>
  </div>
Now add below code between  </b:section>  and  </div>
<b:section class='sidebar' id='magazine-left4'
 showaddelement='yes'>
<b:widget id='Text514' locked='false'
title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='magazine-right4'
 showaddelement='yes'>
<b:widget id='Text524' locked='false'
 title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
Now save your template and you are done, your sidebar should like this.
How to add Two Columns below Sidebar blogger
We hope this article helped you. Do pour your comments on it.




0 comments:

Post a Comment