How to Separate Blog's Header into Two Parts | Share To World

Friday, September 12, 2014

How to Separate Blog's Header into Two Parts

  admin       Friday, September 12, 2014
By default, blogger doesn't have any option to split header column into two parts. If you have ever though that how can you divide your blog's header into two parts. Then you are at the right place because the content in this tutorial I will blog about How to divide your blog's header into two parts.


A blog template by default has only one header and therefore you can't add anything that could get more attention by being placed in the header which is basically the first thing a visitors see's in your blog.


1- Go to Blogger Dashboard

2- Go to Template section (We recommend to backup your template in case anything goes wrong)

3- Click Edit Template  >>  Press Ctrl+F  >>  Type :
<b:section class='header'
The code found in your template may be not match to the one exactly I have given below but don't worry. See the tag highlighted with PINK?? Keep your eyes on that tag in your template and we will tell you what to do in the next step.
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
 <b:widget id='Header1' locked='true' title='Share to World (Header)' type='Header'>
 </b:section> 

4- Now just after or below this tag paste the following code
<b:section id='header-right' showaddelement='yes'/>
<dive style='clear:both;'/>

Done!
Don't forget to share this awesome tip to your friends by clicking sharing buttons below.

logoblog

Thanks for reading How to Separate Blog's Header into Two Parts

Previous
« Prev Post

No comments:

Post a Comment