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

Meet a spammer

Let me start by a warning, This blogpost has nothing to do with howtoblog and is a story of a spammer.

Years ago we had to face a spammer in the forum(Probably during Pistachio?) who was very persistent. He was a link dropping spammer who kept sharing his blog URL under every reply in the forum and somewhere to his blogposts which merely had instructions from Blogger Help Centre.

It went as,
Thanks and Regards,
HIS NAME
HIS BLOG URL Probably it was so difficult for TCs to make him go away as I happened to see him for months, spamming in the forum and one fine day he disappeared and never returned.

I happened to find him and interview him which I am writing down here,

Blogger Language Confusions

In BHF, we recently had a great confusion on Blogger Platform language and Blogger Blog language. So I decided to go ahead and write in detail about it.

There are two important terms here to begin with,
Blogger PlatformBlogger BlogBlogger Platform is what you see when you go to https://www.blogger.com. The operating system that helps you write and manage your blogs on Blogger.