How To Split Your Blog Header Fresh Deals Alert

How To Split Your Blog Header


 Many bloggers would want to split their blog header into three different sections so that each headings would have it own unique column and other social network widget in the same blog header. I am here to share with you a very unique but simple tricks to do it. Let me just walk you through the following steps




1. Log into your blogger dashboard.
2. Click  on edit HTML .

3. Click in small box to expand widget.

4. Search #header (ctrl+f)



#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}




5. Replace above code with below code

#header {
float:left;
width:30%;
height:200px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header2{float:left; width:30%; height:200px}

#header3{float:left; width:39%; height:200px}

Note- The height and width #header2 and #header3 can changed to your choice.

6. Scroll down to find code below


7.Now replace above code with below code 



<div style='clear:both;'/>

 Change the blog title with your own.
         Finally, click on same template



                         
                                                  

1 comment :

  1. Some of the code are missing please check

    ReplyDelete

Search This Blog