This post will help you create a thumbnail image for any blog post or any page, which will be shown when you share the link of the post on Facebook or other social media but the image itself won’t appear in the post.
The thumbnail image is that image that appears while sharing the link in any media, and it helps to easily identify your site among viewers. The thumbnail image is the identity of your post, and hence you should create a separate thumbnail image for your blog post or page so that you can easily share your post the link on social media. This image you put as a thumbnail image will appear with that link.
 |
| Sample: Thumbnail Image Appearing in Social Media. |
We will help you to create a separate thumbnail image for each post or page in the blogger or website. Hence, you can easily create a thumbnail image after reading this post.
Steps to Add any your image as Thumbnail Image to any Blog Post or Page:-
#1. First of All, open the Blogger and create a new blog post to add the thumbnail image.#2. Then go to the Html View Mode of that post in which you want to add a thumbnail image. The image must be ready on your computer.
#3. Then in the Html View Mode, go to the topmost line of the code, click enter, and add the new image you want to appear as the thumbnail image.
#4. Then add this simple code after .jpg" or .PNG'' or .webp" and save or publish the post. 
#5. This code will image your thumbnail image for that post, but the image won't appear in your post. Try sharing the post link on social media; the image will appear as a thumbnail in the link.
You should add this code after the Last .jpg" or .PNG'' or .webp" as there may be more than one .jpg" or .PNG'' or .webp" when we upload the photo.
Code to add is :
style="display:none"
You can check if the Thumbnail image is correctly added or not in your post by sharing the post on social media or from this website, Link - https://socialsharepreview.com/