Monday, January 14, 2019

How To Add a Facebook Like Button to Blogger Posts



And a quick follow up to the previous post (Adding Facebook Like to Website)

How To Add A Facebook Like Button to Blogger Posts

Edit blogger template and paste the following after the last "<data:post.body/>"

<!-- Like Button -->
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
<!-- Like Button -->






Adding Facebook Like to Website



Real quick tutorial on how to add a Facebook like to your site.

1. Go to https://developers.facebook.com/docs/plugins/like-button

2. Enter your site's URL to Like

3. Click "Get Code"

4. Edit your sites HTML and add the "Step 1" box of code to just below your <body> tag.  For Blogger, this would be "Edit Template".

5. Add the "Step 3" box of code in the place you wish to put the like button.  For Blogger, this would be add an HTML/Javascript Widget.