Blogspot Set Different Picture as Thumbnail
How To Add Thumbnail To Blogger Post
In this article, I will show you how to add thumbnail to blogger in step by step guide. Let's get started.
If you prefer reading text, skip the video below and read the text.
HOW TO ADD THUMBNAIL TO BLOGGER POST
It is important your blog contains thumbnail/thumbnails. This is to make your blog more inviting and catchy. Without it, you may lose more audience/visitors. By default, a first image is set as thumbnail. To set an image as Thumbnail, such image has to be shown in the post.
This rule has now been tossed aside as there is a new trick by which one can set an image as one's posts Thumbnail without showing it in the post. Explained below are the steps by which you can do that.
Related: How to create meta description on blogger
STEP 1: Go to Blogger.com and make a click on new post. You can as well, edit the old one once. Then upload the image which you want to use as Thumbnail.
STEP 2: Make a Right-click on your image and afterwards, copy that image's address. Then remove the image by tapping on the image and choosing the "remove" option.
STEP 3: Click on HTML. This is beside the Compose tab. Add the code: <IMG src="image-link"style="display:none;"/> in the Beginning.
NOTE: Ensure the "Image-link" is removed with your Image URL which you have copied before. Afterwards, ensure the code is added correctly.
The above explanation is simply on how you can add customized thumbnail to Blogger post. I will now explain how you can add featured Thumbnails to Blogger post.
Related: how to embed a video on blogger
HOW TO ADD FEATURED THUMBNAILS/IMAGES TO BLOGGER POST
Featured images also known as post thumbnails are contents which every blogger would love to have in his/her Blogger Template. Blogger development websites such as "Themeforest" and "Templateism" make this feature a compulsory item.
The real fact is that not all users most especially new developers have the idea on how a post thumbnail or feature image can be set up in Blogger. This is going to be explained below and you can have your feature image thumbnail successfully displayed in blogger.
Question: Can I earn money with blogspot? Find out here
STEP 1: Go to Blogger >> New Posts >> and click "Upload Image" and select the "Upload Image" option. This opens an image uploading wizard and which can be used to upload any image you wish to upload from your computer. You can as well upload an image existing in your Picasa image library.
Related: How to find your stored photos in blogger
STEP 2: After the image has been uploaded, click on "Edit HTML" tab which is always at the top left corner. Copy the URL of this image.
Many at times, people love to post thumbnail or display feature image only on homepage and likewise on achieve that is attached to the post. They prefer the feature image to be hidden from the same post when viewers want to view it.
This can be made possible by pasting a code at the top of the "Blogger post Editor" through the "Edit HTML" tab. This code is written below:
<IMG SRC="image-here"
style="display:none;">
Note: Ensure the image on it is replaced with the URL of the image you would prefer to be displayed as post thumbnail or feature image.
STEP 3: Publish your post. This is done by clicking the "Publish" button and the work is done!
Related: How To Add Multiple Posts To Pages In Blogger
Conclusion
We hope that you find this article useful. We will love to hear from you. Let us know if you have any questions about how to add thumbnail to your blogger blog in the comments section below. For more detaited guide about blogging and how it works, read our step by step guide about what is blogging and how it works.
Blogspot Set Different Picture as Thumbnail
Source: https://innatemarketer.com/how-to-add-thumbnail-to-blogger-post/