How to add Custom featured Image in Blogger

-

Affiliate Disclosure: Every purchase made through our affiliate links earns us a pro-rated commission without any additional cost to you. Here are more details about our affiliate disclosure.

If you are a Blogger or Blogspot user, have you ever thought, you can set a custom featured image on your blog posts? Well, the answer is Yes & today I am gonna share a complete tutorial on, How you can add a Custom Featured Image in Blogger or Blogspot?

After reading this easy to follow, guide you will be able to set specific featured image/ post thumbnails in all your blog posts. and before start, first we need to know, What is Featured Image (Post Thumbnail) in Blogger?

Read Also: How to Create a Contact Page for Blogger or Blogspot?

What is Featured Image (Post Thumbnail) in Blogger?

Featured image is the primary image appears along with the content while sharing on Social media channels (like facebook, twitter etc). A featured image can also be seen at the top of blog posts in some blogs.

Benefits of Adding a Featured Image:

  1. Adding a featured image makes your blog look more attractive.
  2. A catchy featured image increase CTR (Click Through Rate),
  3. Blog posts with post thumbnails are appealing.
  4. Adding a featured image indirectly improve SEO.
  5. Featured Image helps boost Social engagement.

Let us know, how you can add featured image in Blogger.

How to add Custom Featured Image in Blogger?

Adding featured image in Blogger is so easy. Follow these step-by-step guide and implement the featured image in your post

Step 1: Get the Image Address

Obviously, first, you need to have an image or the address of the image, that you want to display as a featured image of your post. In order to get the image address, you need to upload the desired image in Blogger post editor.

  • To upload an image, you have to click on the Insert image icon & then upload the image. You can upload images from your computer, an image URL or from Google Drive.
  • Once you upload the image into the Blogger post editor, next you have to right click on your image and Copy Image address as shown in the below image.

In this way, you will get the image address.

Step 2: Paste Image Address in the below code

Now you have to just add your image address in the below HTML code:

<img src="image-URL" style="display:none;">

In the above code replace the image-URL with the Image address you have copied in Step 1. After you add the image address in the above code, it looks like this:

<img src="https://1.bp.blogspot.com/-lbmhusYqcfM/Xri5VtHHzCI/AAAAAAAAC3o/6_58bKdDr78wZEylnDaX1V3qUyffNIKjQCK4BGAsYHg/NameCheap.jpg" style="display:none;">

The Bold content in the above code is the image address. Now Follow the last step & let’s finish.

Step 3: Add HTML Code to Blogger Post

In the last step, you have to copy the above HTML code (you have made in Step 2) in the HTML section of Blogger post editor. Follow the below sub-steps:

  • Visit Blogger >> Posts >> Edit any post >> Click on HTML
  • After you click on HTML, you will get a the HTML code. You just have to paste the above HTML code (the code you have made in Step 2) at the top of the HTML Code.
  • Finally, hit the publish button & you have successfully set your custom featured image in Blogger.

Final Words!

This was the today’s complete tutorial on How to add Custom featured Image in Blogger

If you have any doubt or query then feel free to ask me in the comment section below.

Thanks guys for reading this tutorial. If you liked it then please support me by sharing this post on your social media profiles. Happy Blogging!

Related Articles

Like our Article/ Blog? Can buy a Buttermilk for our team.. Click here

Pardeep Patelhttps://pardeeppatel.com/
Hi!, I am Pardeep Patel, an Indian passport holder, Traveler, Blogger, Story Writer. I completed my M-Tech (Computer Science) in 2016. I love to travel, eat different foods from various cuisines, experience different cultures, make new friends and meet other.

Share this article

-- Advertisement --

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

-- Advertisement --