So, here's how to fix that.
I won't go into too much techno-babble, because if you're like me, you really don't care.
You will need to copy and paste an HTML code (called a Meta description) into the template of your blog.
Step 1: Go to your blogger dashboard.
Step 2: Go to your Template and Edit HTML
Step 3: Save and backup your template before you do anything! It's always good to have a backup of your template, especially if you're going to mess with the HTML.
Step 4: Find the <head> tag in your template. To find it, use Control F and a box will appear in the top right corner of your screen. Type <head>
Step 5: Paste this code right below the line where <head> shows.
<meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if>
*Something I found out while writing this post. To show an HTML code in a blog post on Blogger (without actually coding the post itself) go to Postable
Paste the HTML code you want to share in the box there, press the "make it friendly" button. Copy and paste into your blog. Voila!