How to add an image next to Blogger Post Title

It has often been said that a picture says a thousand words, so in the struggle for the reader's attention, we can add a picture or icon next to the post titles, as I have added on the left of the post title - see the screenshot below.

Show Image Icon before Blogger Post Title

Step 1. First thing you have to do is to prepare an image. After that, you'll need a direct link to the image before you proceed further. You can upload it to tinypic.com and then copy the URL located in the Direct Link for Layouts box. Also, make sure your image is sized appropriately. You don't want to see a huge image next to your post title.

Step 2. Go to Dashboard, "Template" and click the "Edit HTML" button.

Step 3. Click anywhere inside the code area to find (using CTRL + F) the following code:

Step 4. After you found it, click on the left arrow next to it to expand the HTML code

Step 5. Then delete it until you see

             
 

   
     
   
   
   

   
   
     

     
       
     
       
         
           
         
           
         
       
         
       
     
     

   

The code that needs to be deleted:

Step 6. Paste the following code instead of the deleted code from step 5:

 

   
     
   
   
   

   
   
     
       
       
       
     
     
   
   

Step 7. Replace the IMAGE-URL text from above with the URL of your image (the one that you've gotten from Step 1).

Step 8. Save the Template and this is how you can add an image next to the Blogger Post title. Enjoy!

Tags Blog Design Blogger posts