Destino Solutions

+91 9747866100

New Facebook sharing button for Blogger

December 21st, 2013

Recently Facebook updated Sharing button and it now old script users automatically change to new logo. Now available different style layout share-button on facebook developer page  . how to add this Facebook sharing button to blogger blog and how to add blog each post below.

You are already try adding sharing button? it only required a facebook app id. use any facebook app id butt not work share button  analytic. Default to the current page url option Google+,twitter and LinkedIn is also support auto detect your each post URL but facebook share only get specific url option. but it is easy just type “#” to specific url section it divert to your blog current page url. facebook share button required a facebook app’s id, don’t have ? use any facebook app’s id
below script include my app’s id now you can make free way to Make facebook app >> Read following post

 > How to make Facebook Page App for free host with Google site

Screenshot new Facebook share button

Backup your template After use ‘Edit HTML’

Go to blogger>  template > Edit HTML >  find below script ( Ctrl+Shift+F )

<a expr:href='data:post.url + &quot;#more&quot;

<!-- facebook sharer -->
<div class='fb-share-button' data-href='#' data-type='button_count'/>
<!-- facebook sharer END -->

Copy above ( facebook sharer ) code and paste to “post-footer-line-1>”  below  (look like above image)

click on  ‘Save template’ and go to the  Add a Gadget > HTML/JavaScript

( Blogger > Layout > Add aGadget >HTML/JavaScript )

And copy below code on HTML/JavaScript

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 Save “HTML/JavaScript”, You’re Done.

Categories: BloggerBlogger WidgetFacebook