How to Add Two or Three Page Elements Below Header - Hubuhs. Living and Sharing

Hubuhs. Living and Sharing

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

How to add two or three page elements below header on your blog ? 1. Go to Dashboard, click Design, click Edit HTML 2. Find code of HTM... nopict

How to Add Two or Three Page Elements Below Header

How to add two or three page elements below header on your blog ?

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

2. Find code of HTML below :

]]></b:skin>

you can use (Ctrl+F) to find easily

3. Right Before ]]></b:skin> place code of HTML below :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

4. Find code of HTML below :

<div id='main-wrapper'>

you can use (Ctrl+F) to find easily

5. Right Before <div id='main-wrapper'> place code of HTML below :

For Two Page Elements Below Header.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

-- OR --

For Three Page Elements Below Header.

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

6. Click Save Template and done.

Now you've already added two or three page elements below header for your blog.
↩ Next Back to Top Prev ↪