April 27, 2017

Add Facebook Share Button to Individual Posts In Blogspot Blog


Facebook is filled with visitors who engage with the content, share the posts and send the content to someone else. Because of this an optimized blogger site for Facebook can increase the traffic exponentially. Facebook share button is a great way to increase referral traffic and grow your social presence.

How To Get Share Button From Facebook To Blogger

Go toAll 11 Facebook Social Share Plugins For Blogspot Blogand follow the steps correctly. After that do the following steps.

CSS code to copy


/*---Name:Ship Me This Url: http://www.shipmethis.com/2017/04/all-social-plugins-blogger.html --- */.shipmethis {font-size: 12px;}

Where to Paste the Copied Code


Paste the below CSS before skin code ]]></b:skin>
You can use CTRL+F to find the code.

HTML code to copy


<div class="fb-share-button" expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id'data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=data:post.url&amp;src=sdkpreparse">Share</a></div><div class="shipmethis"><a href="http://www.shipmethis.com/2017/04/all-social-plugins-blogger.html">Get Widget</a></div></div>

Where to Paste the Copied Code

Go toblogger template find the below Code by ctrl+F,


<div class='post-body entry-content'>

Or

<div class='post-header1'>

Paste the like button code Before it.Just save the template. Now the button will appear in every post.

If you are unable to find the<div class='post-header-line-1'/> code, thenfind the below code.


<data:post.body/>

Paste the HTML code before that.

You can see the share button like the one below;

Facebook share button plugin HTML code
Facebook share button
Hope this post helps. Please Subscribe to the Ship Me This.