Add Facebook Like Button To Blogger

What ?

Facebook Like Button is somewhat every blog does have, we can communicate to the world using Social Network than any other medium in the Internet world as of now. Facebook is the most widely used social network medium by most of the people around the world. 

Facebook like button allows us to share our blog content to the world without copying or without moving
from that exact page. And it is very easy to add Facebook Like buttons to our Blogspot Blog. So without any more issues we can share our each content to the world with ease.

How we can add Facebook Like Button to Blog? 

We can do this in couple of simple steps, so lets start.

# Step 1 :

Sign In to your Blogger Account and take "Template", Backup your current template as a safety measure, because even a dot ca change whole Template with a lots of mess.

# Step 2 :

Take "Edit Html" -- > "Proceed" and check the Box "Expand Widget Template"

Using "Ctrl+F" find the code "<data:post.body/>"

You will find  One or more above code, so please check which one will work more easier.

# Step 3 :

If you want to see "Facebook Like Button" just below the Title of the Post,

paste the below code above the code "<data:post:body/>"

<b:if cond='data:blog.pageType == 
&quot;item&quot;'><div><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=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
 frameborder='0' scrolling='no' style='border:none; overflow:hidden; 
width:400px; height:27px;'/></div></b:if> <br/>

If you want to see "Facebook Like Button" just below the Entire post,

paste the below code below the code "<data:post:body/>"

<br/>
<br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><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=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
 frameborder='0' scrolling='no' style='border:none; overflow:hidden; 
width:400px; height:27px;'/></div>
</b:if>
<br/>

That's it, you added Facebook Like Button to your blogger. Hope you have all enjoyed the Post. If you have any queries please feel free to comment it out here...

About Me
I am a computer student looking for make my own name in the field of technology. Please add my Google profile to your circles.