How to Make a Style for the 2nd Header | Share To World

Saturday, September 13, 2014

How to Make a Style for the 2nd Header

  admin       Saturday, September 13, 2014
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.

logoblog

Thanks for reading How to Make a Style for the 2nd Header

Previous
« Prev Post

1 comment:

  1. I wanted to thank you a lot more for this amazing web-site you have created here. It truly is full of useful tips for those who are genuinely interested in this subject, specifically this very post. Your all actually sweet plus thoughtful of others as well as reading your site posts is a wonderful delight in my experience. And what a generous reward! Mary and I will certainly have fun making use of your guidelines in what we must do in a few weeks. Our checklist is a mile long which means that your tips might be put to great use. dark market url

    ReplyDelete