In this article, I will share with you the technique of how to add a custom featured image on the homepage of a Blogger website.
By default, when you share the homepage link in Blogger, it shows the image from the first blog post, but you can set a custom Open graph thumbnail or social preview image for the homepage.
For this, I recommend you take a backup of your Blogger theme file and proceed with the below steps. so, if you do any mistake, you can take it back to its original state.
Now, After taking a backup, you need to find the open graph meta tags on your Blogger theme and remove them.
Now you can use the below code in place of that or you can directly paste it in the head section. (just below the <head> tag.)
@@@
Don't forget to change the Image URL of your own Featured image.
I recommend you to follow the below video to check the complete process
@@@vid
https://youtu.be/am5ilhw0cGg
I hope you have successfully set a custom social media preview image or Opengraph image for homepage in blogger website.
If you want to get a complete Open Grpah Meta tags including Post title, Meta description, Open Graph image etc you can take a look at the below code.
@@@
Don't forget to change the Image URL here, And Remove your existing Tags if you want to use this in your own theme.
