How to add Facebook like Button to your Blogger Posts

If you are reading this post, it means that you want to know how to add one of Facebook's popular like button below or above your posts on your blogger blog.

Facebook like button is one of the things that beautify your blog and give it more professional look, imagine when your visitor to your blog appreciates your article by hitting the like button.
Although some pro bloggers and webmasters uses 5 star rating, I still recommend the facebook like button for newbie bloggers because 5 star rating is best suitable for big website with huge traffic and for tutoring blogs. There are lots of Facebook's like button out there but the one am using in this tutorial is far better than others.  Here is what you will benefit from this facebook like button.
#With facebook Like button you can increase your blog SEO because of the interactions on your blog by some facebook users.
#This facebook like button code is generated from facebook developer page so it will not slow your site's page speed.
#A reader can even long press on the like button to see and make use of others reactions emojis.

#It will also increase your backlink and increases your Google and Alexa rankings. Here is how you can add a facebook like button to blogger posts.
1. Go to your blogger dashboard
2. Click on template then on Edit HTML
3. Click anyway inside the code area&nbsp; if you want the facebook like button to appear on top of your posts, add the codes above <data:post.body/>. If you want the like button to appear below/bottom of your posts, add the below codes under <data:post.body/>

Copy and paste this codes&nbsp; or above <data:post.body/> for standard style without counts
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>

Copy and paste this codes below or above <data:post.body/> for Vertical counts style

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

Copy and paste this codes below or above <data:post.body/> for horizontal counts style

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
4. Save your theme That's all, feedback is always welcomed.

No comments

We love comments as much as we loved sharing.
Share your thoughts with us.
We hate spam comments and unnecessary links in comment will result in comment not been moderate.
Tick NOTIFY ME to follow the post.
Thanks