How To Add A Facebook Like Button to Blogger Posts | 2017

0
343
Facebook like button
Facebook like button

It is no doubt that Facebook is the number one social platform to get traffic and rankings on search engines.Facebook act as a role model when considers the SEO. So if our contents freely move through Facebook that will help to reach more traffic to the Blog. So here it is all about How to add Facebook Like button to the Blogger post.And it is everyone known factor, that the Facebook Like button is the best weapon in which everyone used in the Facebook.

Adding like buttons to blog posts is a very important thing. If the reader like the posts he’ll hit a like to your posts. That it is a great advantage to promote your website. Once, after the reader hit the Facebook like button, It will automatically post a link of your blogger. And a link to the Blogger post on the readers Facebook wall. Which may allow the Facebook visitor’s friends to come to the site and the same time the original traffic will rise too.

There are thousands of Facebook groups and Facebook pages. If your reader might be an admin of any, Hence if he like the blog post, It will be a great opportunity to gather huge traffics. If you are a blogger, you may think of sharing the links on a Facebook page or a Facebook group. So if you want to add or Invite your All Facebook friends to your Facebook group or Facebook page these articles will help you. Add All Facebook Friends To the Facebook group by a single click, Invite All friends to the Facebook page By single Click.

The Facebook like button can add as like the below according to your preference

horizontal, Vertical or for the standard style.All the button style codes are listed here in below,  follow along below:

How To Add A Facebook Like Button to Blogger Posts
How To Add A Facebook Like Button to Blogger Posts

How To Add The Facebook Like Button to Blogger post

Here is the steps very clearly ,

  1. Login to blogger dashboard
  2. click on  Template >> Edit HTML. Check the Expand Widgets Template.
  3. You will get a “FIND” text box once after you press the CTRL + F on inside the text box.
  4. Here, In side the ‘FIND: text box paste the code(style code as you proffered) and press enter twice.

Once after the process This will work nicely.You will able to see a Facebook like button under the Blog post.

Standard code:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com
/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standar
d&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorschem
e=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:450px; height:35px;'/>

Vertical count style:

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com
/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_cou
nt&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorsche
me=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden
; width:55px; height:62px;'/>

Horizontal count style:

<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;colors
cheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hid
den; width:100px; height:21px;'/>

LEAVE A REPLY

Please enter your comment!
Please enter your name here