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.

Comments

Popular posts from this blog

How to connect any other profile in "About me" widget?

In this article I am going to tell "How to connect any other profile in "About me" widget along with blogger or Google+?"