How To Split Your Header In Blogger

Know how to split your header into two! This means you can add another gadget beside your header. Most bloggers love to install ads beside their header, so here are some quick little tips on how to add another gadget beside your blog title.

Go and login to your blogger account.

Navigate to Dashboard*

Then Click Design* on the blog you want to split the header

Go to Edit HTML*

Now look for this code below;

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='My Test Blog (Header)' type='Header'/>

</b:section>

Just right after that code, paste the following code below;

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

------------------------------------------------------------------------

Again, search for another the following code below;

• ]]></b:skin>

Just above the code, paste the following code below.

#header {display:inline-block;_float:left;}
#header-right {display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
body#layout #header {width: 50%;}
body#layout #header-right {width: 50%;}

------------------------------------------------------------------------

Now for the last code to add. Search for this code below;

• ]]> </b:template-skin>

and just above the code, paste this code below;

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

------------------------------------------------------------------------

REMEMBER. To always back up your template before editing.

Hope this helps!
Visit Little Tips for more tips online.