Sunday, 7 July 2013

How to add an image next to Blogger Post Title

By default, Blogger's post title is a plain text. In this tutorial, I'll show you how you can add an image beside your post title.

So let's begin...

Step 1:

First thing first you have to do is to prepare an image. After that you'll need a direct link to an image before you proceed further. You can upload it to and 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:

If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Expand Widget Template (don't forget to make a backup)If you're using the new Blogger interface: Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (don't forget to make a backup)After that, find (CTRL + F) and delete the following code:

The code to be deleted: blogger blogspot, image near title, how to
Step 3:

Paste the following code in the place (be careful when replacing) of the deleted code in Step 2:

Step 4:

Now, replace the image address in red line above with that of your image (the one that you've gotten from Step 1).

Step 5: Save the Template.

No comments:

Post a Comment