-moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; user-select:none;
Subcribe to our RSS feeds Join Us on Facebook Follow us on Twitter Add to Circles

04 August 2014

How to Add the Facebook "Like" Button to Blogger


Facebook is currently the largest social media network on the Internet. Odds are your readers have a profile and can immediately start sharing your content with their friends and family. So, how can you get your readers to sing your praises without begging them to do so? Simple. Install the Facebook “Like” button on your blog.

When visitors to your blog click the "Like" button on your post, they share your content on their Facebook wall—instant advertising. You want more readers, more site traffic, and more exposure? This is a great way to do it.

Facebook Like Button

Thankfully, Facebook has made adding the "Like" button to a webpage incredibly user friendly. You don’t need to be coding guru to install this!

For Blogger Users

  1. Open your blog's dashboard.
  2. Click on Template.
  3. Click on Edit HTML.
  4. Click on Proceed when a warning telling you that "Directly editing HTML may affect the way some features work and is only recommended for advanced users." is displayed.
  5. Check Expand Widget Templates.
  6. Find this code using your browser's find function "<div class='post-body entry-content'>"
  7. Copy and paste the code given below right after it.
  8. <b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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:450px; height:40px;'/></b:if>
  9. Click on Save Template.

No comments:

Post a Comment

Please feel free to comment regards this post







Blogger Widgets