Saturday 24 December 2011

how to Add Background Picture to Header

How to add background image to blogger header and how to Add Background Picture to Header or Add Background Picture to Header in CSS So, you want to to give a unique look to your blog.Adding image to header is not a complex one,it is very simple.

Before this,first take a backup of your blog template,so there is a chance to get back to your current template if you made any mistakes.

1.First sign in to your blogger account>Edit html

how to Add Background Picture to Header


and scroll down the template till you see the below one and note down the width(sothat, you will have an idea of which image dimensions best fits your blog)


In the above case, my template is minima and the width is 660 px.


2.If you have photoshop or any other tools,crop the picture corretly to 660 px(width).If you don't have photoshop,then you can crop a photo by this free online tool Click here.

3.So, your image is ready now! click the page elements tab again.

Click on the edit button as shown below next to your blog name.


4.And you will go to a window just like the below one.First select,the option whether you want to place the image behind the title and description or insted of title and description.Next,browse for the image and save the changes after the image has uploaded.



5.That's it! Now, your blog has a background image in the header.
Have any questions?ask your question via comments.

thanks for article
How to add background image to blogger header and how to Add Background Picture to Header or Add Background Picture to Header in CSS

Related posts

0 comments:

Post a Comment