How to remove Blog Name when a post is shared in Facebook?

When I share my a post of my blog in Facebook, the format in which the shared link appears in Facebook is: Blog Name: Post Title.
    

I want the link to show only the Post Title and not Blog Name. The display of blog name isn't at all needed as it's already displayed as a header. By default, blogger shows in the format of Blog Name: Post Title.

If you want just like-display of only the click-able post title, follow the given steps to incorporate the change in your blog:

Step 1

Login to your blogger account

Step 2

Select the blog to make this change

Step 3

Click on drop-down menu

Step 4

Click on Template

Step 5

Click on Edit Template

Step 6

Find (Ctrl+F) the given code embedded inside:

<title><data:blog.pageTitle/></title>

Step 7

Delete it

Step 8

Paste the given code in place of above code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title>

<data:blog.pageName/> </title>

<b:else/>

<title>

<data:blog.pageTitle/>

</title>

</b:if>

Step 9

Click on Save template

Step 10

Click on View Blog. Share one of the previous posts on Facebook. See if it appears in earlier default format. If not, you have just done it right.