Dec 5, 2012

Customize Header Image in Blogger


Log in Blogger. Open your Blog. Go to Templates. Click on Layout. Click on Header (edit). Select instead Title and description and browse path for your image header. Save.

Now click on Edit HTML. Click on Proceed. Check on Expand Widget Templates.

Find the following code-

<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>

Replace above code with-

<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl'
expr:width='data:width' style='display:block; height:auto; width:100%;'/>

Save.
That's it. You have done.
Don't forget to give Credits....

No comments:

Post a Comment

Don't forget to comment...

Related Posts Plugin for WordPress, Blogger...