TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

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.

There are no comments yet for 'How to Add Two or Three Page Elements Below Header'