How to Make a Style for the 2nd Header

In the previous content, we had showed how to separate the Blog's header into two parts already, this content will show How to Make a Style for the 2nd Header.

1- Go to Blogger Dashboard

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

3- Click Edit Template and press Ctrl+F in the code box then type

]]></b:skin>

4- Just above the tag paste the following code

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

5- Just hit the Save template

Note: If your blog's second header is appearing under your blog's logo then try to change the values of Header and Header-Right in PINK color to get things working. With a slight change of values, the second header will place at right side where you want it to be.

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