How to add image to blogger header

How to add image to blogger header

Posted by Sayan Guharoy

How to add image to blogger header



Today i will show you how to add a image to a blogger header.Before directly going to steps,you must acquainted with little bit of image editing.

Fortunately you don't have to be a Photoshop expert.Windows comes with picture editing tools like paint, Microsoft picture manager(comes with Microsoft office package) and my favorite paint.net , a free app and small.

To know basics of photo editing,it will be better if go through this thread mentioned below and then come back again and read-on.

Basic photo editing


Now as  we have enough knowledge how to play with an image.Lets get started.

1.Firstly  we need a source from where we can point our header image.It will very similar how you access your remote network drive. Lets upload our image in any of the free sites who accepts free image upload.I have done it through.


http://www.postimage.org/

once upload complete,copy only the direct link URL as shown in the below image

2.Second work is to go to your blogger template and click on edit html.

Note:If you don't know how to navigate  through to your edit html option or how to backup in blogger,see this thread.

IMP: Please keep a backup of your existing template before making any change.

3.Search with this below key word  "#header-wrapper {" or "#heaader-wrapper {" then paste below code as shown in the picture

background: url("http://s8.postimage.org/lofnbqevp/example.png") no-repeat top left;