Add image header to blog

My blog image header

Blogger just added a new feature to it's template page and that is add header image option,i was about to write a trick on how to put a header image on blogger,and today as i was getting ready to write that,i simply checked my layout page and was surprised to see that google added the feature already,i am sure it wasn't there yesterday!,so here are a few tips on how to put your own header image on blog.

• Go to template page>edit html
• Click on expand widgets
• From the html code find code like this
  

  
  #header {
  margin: 0;
  padding: 25px 60px 160px 160px;
  color: $pagetitlecolor;
  background: url(http://imageserver.com/bgnv2.jpg)
  no-repeat bottom left;
  }
  

• Now from the above code copy the image url i.e(http://imageserver.com/bgnv2.jpg in this case copy and paste to address bar and save the image)
• now open the image with photoshop or paint make your own header without changing the resolution of the image
• Now save the image
• Go to template layout click on header edit button seen in picture
• Now from the window that opens upload the header you made from computer
  
• if you have already made a text in your header image then tick "instead of title and description" and if else you just have made the background then tick "behind title and description"
• Save and publish

I am designing image headers,anyone interested in a free image header please comment.