DIFFERENT IMAGE FOR THUMBNAIL AND POST IN BLOGGER

Thumbnail image are generally fetched by Post image in blogger . If you don't make any changes in the code then the first image of your blog post becomes the thumbnail of that post. But some times we don't want to make our post image as thumbnail image. Sometimes we want a different image for our thumbnail because our post does not require a picture or the post image is not as catchy to be used as thumbnail.

We can resolve this issue by just adding a command in the post HTML code. How can we do that ?

Step 1

First of all we need to insert the image(which we want to show in thumbnail only).

Step 2

Go to HTML section of the post which you are creating. Insert this code style="display:none;"   inside <img ............/>

For Example

  <img style="display:none;"  height="720"  width="1280"  src="https://www.image.jpg"  />

Step 3

It will make your image invisible in the post but it will be visible in the thumbnail. So make sure that you put this on the top of your post. Because blogger generally fetch the first image as thumbnail .

You are ready to go now. All the best :-)