Add Sidebar Column Below Two Small Sidebar Columns - Hubuhs. Living and Sharing

Hubuhs. Living and Sharing

Hubuhs is spot for living, blogger, tech, sport, travel, auto and food

Let's review a topic about how to add sidebar column below two small sidebar columns on your blog. 1. Go to Dashboard, click Design, ... nopict

Add Sidebar Column Below Two Small Sidebar Columns

Let's review a topic about how to add sidebar column below two small sidebar columns on your blog.

1. Go to Dashboard, click Design, click Edit HTML

2. Find code of HTML below :

#sidebar-wrapper {
width: 350px;
float: left;
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 */
}
#left-col {
width:48%;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:48%;
float:right;
word-wrap:break-word;
overflow:hidden;
}

you can use (Ctrl+F) to find easily

3. Right After it - place code of HTML below :

#bottom-col {
width:350px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

NOTES : you can change width:350px;

4. Find code of HTML below :

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id=.................Etc.,................Etc.,................
</b:section>
<b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
</div>

you can use (Ctrl+F) to find easily

5. Remove it - with code of HTML below :

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id=.................Etc.,................Etc.,................
</b:section>
<b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
<b:section class='sidebar' id='bottom-col' preferred='yes'/>
</div>

6. Click save template and done.

Now you've already added sidebar column below two small sidebar columns on your blog.
↩ Next Back to Top Prev ↪