Blogger Widgets

Thursday 28 March 2013

Add Facebook Like button in Blogspot (Blogger) Blog – Blogger Tutorial


Facebook like button the most powerful widget for blogger blog. Today I’m say How to Add Facebook Like button in Every blogger Blog post. This tutorial will help you to get more visitor from Facebook by the Facebook like button.

This is my 6th Blogger Tutorial. Today I am going to explain how to add Facebook like button into blogger blog easily. Facebook is the world largest social community site. So Facebook like button has become a more powerful tool for sharing content. So why you not add Facebook like button on your Blogspot blog? If you add a Facebook like button on your Blogspot blog under every post , Anyone can easily share your blog posts with their Facebook friend just one click .

Don’t Miss - Add Facebook Comment Box on Blogspot Blog


How to Add Facebook Like Button for Blogger Blog ?


There are many blogger gadget, JavaScript code. But I don’t recommend them. Because Blogger Gadget makes your site slow and it’s not good for your blog.  Today I am going to share a simple and easy way to add this under all blog post on your blogspot blog.

Step 1 – Go to Blogspot Dashboard – Template – Edit HTML – Proceeded . Now c the “ Expand Widget Templates” option following the screenshot blew .


Add Facebook Like Button
Step 2 – Press Ctrl + F and Find this code .
<div class=’post-header-line-1′/>
Step 3 – When you find this code , Paste the new code under the previous code .

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like show_faces=”true” width=”450″ font=”arial”></fb:like>

Then save the template . That’s it . Now your job is finished . A Facebook like button has been added automatically before all of your blog posts .
Facebook Like Button Blogger Blog

If you wanna added the Facebook like button under your blog post , Simply find this code .

<data:post.body/>

Then added this code before the previous code .

<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like show_faces=”true” width=”450″ font=”arial”></fb:like>

Now save the template and view your blog . A Facebook like button automatically add under all blog posts . Thanks for visiting . Please don’t forget to give a like if you think this tutorial is helpful . Thanks .

No comments:

Post a Comment

comment from message