Whenever you try to share your BlogSpot Link on Facebook or any other social media, you will see the Image there with the Link automatically added. The Image is the impression among the audience, and the visitors are easily attracted if the Image is attractive while sharing our BlogSpot on Social media.
In this post, we will help you Add the Image of your choice for your Site, which appears when your Blogger Link is shared on Social media. The Image plays a vital role for attraction in social Media when our Blogger Link is shared.
This image is NOT seen when our Blogger Individual Post/Pages Link is shared but only when our BlogSpot main link is shared. Read our Another Post to add images for Separate Individual Post/Pages in Blogger, which appears when Individual Post/Pages Link is shared in Social Media.
You Can check the Image appearance when your BlogSpot Link is shared on Social media from THIS SITE.
Now, Let’s Learn to Add Images, Which appears while our BlogSpot link is shared in Social media, in our BlogSpot Step by Step:-
#1. First of all, Download the Ready-made code from the link available below.
Download Link of Code Notepad File to Add Meta Images in Blogger which Appears while Sharing our BlogSpot Link in Social Medias: Click Here to Download
#2. Now open the code to CUSTOMIZE the Link of Image for your Site. You need the Link of the image you wish to appear when your Blogger site is shared on social media.
If you already have the link to the image, it's okay; you can directly PASTE the image link in our ready-made code.
If you don’t have the link to the image, follow these steps as shown in Photos Below to get/create the link for the image you have on your PC.
Go to Blogger Post to create a New Post, then go to Compose View and Insert there an Image that you want to see your BlogSpot link. No need to publish the post, though. Then after the image is uploaded in Post, go to HTML View of the Post. You will get the link to the image that you can use to paste in our ready-made code.
There is no need to publish the post; just keep the post in the draft so that it won’t be visible to visitors. Don’t Delete the Post too. If not clear, follow as in the photos shown below.
#3. Now PASTE the Link of the Image in our Ready-made HTML Code as shown in the Photo Above.
#4. COPY the CUSTOMIZED Code with the Link of the image and go to Blogger for Pasting the Code.
#5. Go to Blogger Themes Section and then go to Edit HTML. Now SEARCH for <head> in Blogger HTML.
#7. Now SAVE the Theme, and it’s all done to add the image which appears while your BlogSpot link is shared on social media.
Remember, this is NOT the image for sharing your Individual Blog Post/Page. Instead, read Our Another Post for Individual Posts/Pages Images.