Monday, 18 September 2017

How to Add Specific Featured Image/Thumbnail in Blogger?

A post without thumbnail is like a bird without wings. Post thumbnail describes your post in a beautiful manner and if it is eye-catchy then you will also get more visitors on that particular post. A post thumbnail is an image which tells visitors about the exact topic you are going to cover in that post. By default, Blogger post editor fetches the first image as the featured image but you can customize it accordingly to your choice. So, In this tutorial, I am going to show you how you can easily set a specific thumbnail as the featured thumbnail in your blogger blog posts.

The featured post thumbnail is very essential also because it is shown in your sidebar widgets like Popular Posts, Recent Posts and so on. So, choosing it wisely can bring more professional looks to your blog.

How to Upload Image in Blogger Post Editor? :

To add a feature image in blogger posts, simply go to Blogger ›› New Posts  ›› and tap "Insert Image" button which will open up an image uploading wizard. You can use that to upload any image from your computer or you can also add an existing image from your Google Album Archive.
After uploading the image, Do a right click on that and Copy Image Address or you can select “Edit HTML” tab from the top left corner and copy the complete URL of the image which would somewhat look like as it can be seen below:
No matter, where the image lies in your blog post, you just need the image URL to set it as featured image. 

Adding Featured Image in Blogger:

After getting the image URL, you just need to add the following code in HTML tab of Post Editor. 
<img src="image-URL" style="display:none;">
  • Replace image-URL with the URL of the image you copied in above steps.
  • Make sure you add this code at the beginning in HTML tab of Post Editor. 
That's it! You have successfully learned how to upload an image in Blogger Post Editor and use any specific image as featured image or post thumbnail. Now It's your turn to share your views in comments. 

Check: How can easily fix video tdr failure atikmpag.sys - Windows Blue Screen Bugcheck PC Error Issue.
Also Check: 


Vishal jha on 23 January, 2018 said...

Hey buddy thanx for your suggestions but i have a question how could i add meta tags in every posts of my blogger, and why your blog is http instead of https it give a warning regarding to security.

Hammad Ansari on 23 January, 2018 said...

@Vishal jha
Hello Buddy!
I have already published a post on how to add meta description in blogger blog posts. Check this guide:
How to Add Meta Description in Blogger (Blogspot)?

Also! Can you show screenshot proof of security warning you are getting? I will try to solve it asap :)
Stay Connected.

ArijanV. on 29 April, 2018 said...

Thanks man! :D

Unknown on 17 May, 2018 said...

Hello I try it and it do not work ! Do you have other ways ? All the pictures are steel on the thumbnail

ptnoteguitar on 24 May, 2018 said...

Thank you !!

Unknown on 13 June, 2018 said...

nice post. digital marketing

vishal baliwan on 09 July, 2018 said...

Confused? Feel free to ask!

We love comments! We appreciate your queries but to protect from being spammed, all comments will be moderated by our human moderators. Read our full comment policy here.
Let's enjoy a happy and meaningful conversation ahead!



Recent Comments

Copyright © 2017-18 All Rights Reserved by BBeginner.Com ׀ Designed by Protection Status