How to Set the Featured Image for your 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.

Switch to the HTML view in your post editor and look for your image code at the very top of the 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!