Do you want to know how to add a custom posts thumbnail in blogger or how to hide a specific picture/image from blogger posts and make them visible on your blogger homage as Thumbnails. On other platforms like WordPress while creating a post there is an option to choose a specific picture/image to show as thumbnail on your blog homepage for that post. This feature makes a first look to reader or blog visitor about every post and make our homepage user-friendly. If you are blogger and annoying to create this specific thumbnail for every single post. We can easily make this function and hide pictures for thumbnail from our post and make them visible to homepage. For this purpose you have to follow the tutorial.
Step 1: Go to Blogger Dashboard >> Template >> Edit Html
Step 2: Click anywhere in Html Editor and press CTRL+F from your keyboard then a Search Box will be appear in top right corner of Html Editor.
Step 3: Copy this code and paste in Search Box then hit ENTER
Step 4: Copy given below CSS code and paste it immediately below this ]]></b:skin>
<b:if cond='data:blog.pageType != "index"'>
And Save the Template
Step 5: Every time while you will create a new post then add your image/picture first and then turn editor to Html
Then locate the code for that image which will look like that
Note: this html code for your image can be located anywhere according where you have uploaded that image in post’s Start, Middle or End
Step 6: Replace the code highlighted below in caption with code “hideimage”
Now that’s all specific thumbnail for a blog post option have created on your blog you have to repeat for every new single post.
For any help or assistance please comment below or go to Contact and submit me your problem or question.
Other useful Posts: