How to add two columns in blogger sidebar easily. 2

| | , , ,


Now add two columns widget in your blogger blog sidebar learn how to add?

Follow simple step to add thi widget in your blogger blog easly now ---->>>>>

* First go to your blogger dashboard.

* Now click in design tab and edit your blogger HTML template.

* Click in small box to expand your blogger template now.

* Now find below code---->>>

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

* From above code can different your template code as color and width but you want to find as look like above code ok

* Now replace above code which is you find replace with below code .

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

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

* You can change background-color:#ffffff and width ok which will be in your previous template.

* Now find again look like below code---->>>>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Herman Blog' type='Feed'/>
</b:section>
</div>

* After finding above code paste below code ----->>>

<div id='sidebar-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>


* Now click to save your blogger template now you can view this change in design menu add new element in sidebar be haapy.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to add two columns in blogger sidebar easily. ~ Twitter FaceBook

2 Responses So Far:

Blogging Park said...

Thanks for share,now its easy to add extra column at sidebar.I have tried this before for my blogspot blog.

Joseph said...

Thanks for sharing that step by step procedure. It's definitely very helpful.

white label seo

Categories

Select Your Categories