Skip to main content

How to make thumbnail Image of a post, link to its page?

In BHF, We had many asking queries regarding How to make a post's thumbnail appear on homepage and get it linked to the post page? So, Let us see how to do that.

  • First Backup your template so that you shall restore it if the code doesn't work on your template.
  • Go to Dashboard > Template > Edit HTML
  • Press Ctrl + F and find data:post.body
  • Paste the following code just above the found code.
    <b:if cond='data:blog.url != data:post.url'>
    <b:if cond='data:post.thumbnailUrl'>
    <div class='Image'>
    <a expr:href='data:post.url'>
    <img expr:src='data:post.thumbnailUrl' style='float:right border-radius:50px; border:5px solid black;height:65px;width:65px;'/>
    </a>
    </div>
    </b:if>
    </b:if>
  • Click Save Template and it is set.
See related posts:

Comments

Feeds for you

Blogger in Draft says "Try the new Blogger!"

It's been long time that I wrote something here. Interestingly there seems to be a new update in Blogger in Draft (https://draft.blogger.com).

Common issues where custom domain is involved.

In BHF, one of the common issues we face is setting up custom domain. We already have a lot of information on how to setup a custom domain. So I am going to go ahead and write on the troubleshooting tips for custom domain.

This article is dedicated to +Chuck Croll  who has been/is a great mentor to me  since the beginning.

So let's start with the first and foremost golden rule of Custom domain troubleshooting.
Any issue where you have custom domains involved, first check if the custom domain is setup properly.