Make An Image As Header In Blogger

0 Reviews Post a Review Posted by: Unknown Published On: 22:30 Avaliability Product Avaliable For Sale

tricks

Add to Cart

View Cart Checkout

Hello guys, today I am showing you how to change the old text header in your blog into an image.

You know it is easier to make an Image and make it the header than to code all of it in css.
So lets start, Purchase Structured Settlements

1)Go to template > Edit html and Paste the below code before  ]]></b:skin> 

 /*****************************************  
 Header CSS  
 ******************************************/  
 div#wrapperHeader {  
  width:100%;  
  height;auto; /* height of the background image? */  
  background:url() repeat-x 0 0;  
  text-align:center;  
 }  
 div#wrapperHeader div#header {  
  width:100%px;  
  height:auto;  
  margin-top:0px;  
  margin-bottom:0px;  
 }  
 div#wrapperHeader div#header img {  
  width:; /* the width of the logo image */  
  height:; /* the height of the logo image */  
  margin:0 auto;   
  position:fixed;  
 }  

2) <b:widget id='Header' locked='true'  Change it to locked='false'
3) In the widget section of your template, search for id='header'  to find this line

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

and change the maxwidgets='2' showaddelement='yes'/>

3)Go to layout >add gadget> html > , paste the below code after <div class='header-wrapper'> and Mesothelioma apply

<div id='header'>  
    <img alt='logo' height='auto' margin-bottom='200px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcAF2peRLMoXD6xYH7XF4WvN3WCVQKXM33_ZNECNwYaZtAkQnjjipc10N6hN0nami0_nN9goBxla7w_7J7alLqAApXKQ6kPnbozFcUSCo6yj7iic3MKbM14XtUPzZ8tjygPf0R0HN-ozg2/w692-h198-no/ggfh.jpg' width='100%'/>  
   </div>   
 </div>  

4) Now delete the old header which shows under the image by going to layout and deleting the old header.