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+?"

Facebook OG object debugger

Basically, while sharing a link for the first time, the object debugger stores the meta information in its databases so when you share again, instead of debugging the URL, it takes from its own database. So a shared URL even upon changing the description/image/title, does not get affected sooner.
So, to overcome this and see quicker results of custom description/ changing image/ changing blog or post title, facebook has a facility called the Open Graph Object Debugger.