How to Set the Featured Image in Blogger

Step-by-step tutorial for how to set the featured image for your post in Blogger. This is how you can tell social media sites which image to use!How to set the featured image for your Blogger blog post
I don't know about you, but it seems to me that the "featured image" for my blog posts is almost never the image I'd have chosen to feature. The featured image is the one that appears with my blog posts and links on Bloglovin, in the Related & Popular Posts images, on Facebook, and sometimes on Pinterest, too. Fortunately, there is a way to tell Blogger which image to use as your featured image. It's an extra step to go through, but it's pretty quick and easy, and I think it's worth it!

Sometimes, the image I want to put first in a post is a quote or the logo of a linky I'm participating in. Definitely not what I want Pinned or shared on Facebook as the image for the post.

Set Your Featured Image

Once you've written your post, decide which image you want to feature. Add this image at the very top of your blog post, before any of the text.

Setting the featured image for your Blogger blog post

Switch to the HTML view in your post editor and look for your image code at the very top of the post.

Set the featured image for your blog post

Once you find it, paste the following code at the end of the image code, right before the />:
style="display: none;"
This tag will leave the image's HTML code at the beginning of your post, but will not display the image. Social media sites will pull this image when you share the post link.

Compose the rest of your post as usual, adding images where you'd like them to appear in your blog.

That's it! Easy-peasy, right? Grab the image below to pin this post, so you'll have the code handy when you need it!

Step-by-step tutorial for how to set the featured image for your post in Blogger. This is how you can tell social media sites which image to use!

1 comment

  1. Thank you for the tip - it's great. Only one question - how do you get a different pic to show for FB, Pinterest, etc, since they all want such completely different graphics? My Pinterest-sized graphics look awful on FB, etc.

    ReplyDelete

Powered by Blogger.

Tips for Bloggers & TPTers

Color Palettes

Chalk & Apples Blog

Back to Top