Add Facebook Like code for blogger blogs a simple How to steps

Hello bloggers, today I want to show you a trick of how to put a Facebook like button of your posts into your blogger blog, the facebook like function help lot to spread your post over facebook network and help you to get more backlinks and more visitors, so I think its crucial that you put one on your blog.


This is the easiest and fully working method, all other method are complex and hard for noobs, this one require only two steps as just one copy and past a code into your blogger HTML, so lets get started .


First of all backup your template with the Backup/Restor button on the Template section of your blog, then head to Edit HTML button and click proceed then click Expand Widget Templates and Search for this line using ctrl+f :

<data:post.body/>

And place the following code after that line:

<!-- Facebook Like button Start by www.Guruht.com -->
<div id='fb-root'/><script 
src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like 
expr:href='data:post.url' font='' send='true' show_faces='false' 
width='450'/>
<!-- Facebook Like button End www.Guruht.com -->

That will put the like button after the post, if you want it after the title of the post just search for this line:
    <div class='post-header-line-1'/>
And paste the code after it.


More customization of the like button position:
Now if you wan to put your like button box on the left, right or center, just change the red text with left, right or center, also you can change the padding (respectively from the top, right, bottom and left) :

<div style='float:position; padding: 10px 0px 0px 0px;'>
<!-- Facebook Like button Start by www.Guruht.com -->
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like button End www.Guruht.com -->
</div>

Recommend button:
If you want to use 'Recommend' button instead of 'like', you have to add action="recommend" so the code will be like this :
<!-- Facebook Like button Start by www.Guruht.com -->
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like action="recommend" expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
<!-- Facebook Like button End www.Guruht.com -->


If you like this article, share it on facebook, tweet it and +1 it to spread it !
Add Facebook Like code for blogger blogs a simple How to steps Add Facebook Like code for blogger blogs a simple How to steps Reviewed by Maherr Live on Sunday, January 08, 2012 Rating: 5