Blogger Tutorial – How to add an image in Post Title

Adding an image in post title is not so hard. First, you create your own image in Adobe Photoshop Elements -or- other graphic design software. I’d recommend that an image is 40px wide x 40px height. Secondly, you finish making your image and you can upload it in the Photobucket.com or in the Blogger (See an instruction). Get a copy of your direct link.

Let’s follow the step by step tutorial…

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 1 – Go to “Template” and then click “Customize”.

 

 

Step 2 – Go to Advanced and then click “Add CSS”.

 

 

 

 

 

 

 

 

 

 

 

Step 3 – Copy and paste the code in “Add CSS” box. Don’t forget to replace the red URL with your direct link.

.post-title{
background:url(“your direct link“);
background-repeat: no-repeat;
background-position:left;
height:40px;
margin:0;
padding:10px 3px 0 80px;
}

 

Step 4 – Click “Apply to Blog”.

 

 

 

And – you see that my blog has a beautiful image right next to the post title!