Skip to main content

Posts

Showing posts from March, 2013

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

In Blogger help forum, 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. ( Note - This post is for Blogger's first generation classic themes and not applicable if you are on a new generation responsive templates) 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 an