Creating Header 2 (Two) Column

Various models have the template now uses two columns header facility. Its function is very much at all because you can insert ads script like gadgets and others who want to highlight. For those who still have a column header do not get discouraged because you can change it. Just follow the steps below

1. Login to Blogger
2. Layout - Edit HTML
3. Look for code similar to code below
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

Remove and Replace with the following code:

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

Then find the code similar to code below
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

Delete and replace with the following code

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Finally save the template, remember I said similar to the code above the code, good looking .... Good luck ...

If you liked the article on this blog, Please click here Subscribe for free via email, so you'll get a delivery of articles to every article published in www.face-tutorial.co.cc

Related Post :

Blog

• Making Pop-Up Contact Form
• Grow a Blog
• Recent Post With Photo Thumbnalis
• Adding Elements On Header
• Adding or Changing the Background Picture On Blog
• Eliminating Blog Title and Blog Description
• Start a Blog
• Why Fear Your Article on Copy-Paste?
• Share Pack - How To Easily Share Your Articles
• Networked Blogs, Blog Famous on Facebook
• Modifications Comments Section
• Contact Form On Post Page
• Modifications Shoutmix (2)
• Making Recent Comment Easy
• Modifications Shoutmix (1)
• Shout Box with Photo Thumbnails
• Removing Bad Comments on Shoutmix
• So Famous Through BlogBurst
• SEO Tips: First Step For Blogger
• Small Note: Increase Blog Traffic
• Install Alexa Widget in Blog
• Adding Links to Posts
• Adding Images in Posts
• How to Post an Article

Header

• Adding or Changing the Background Picture On Blog
• Eliminating Blog Title and Blog Description