Facebook Like Box For Blogger


Facebook like buton allows you to provide more Sharing Options to your Readers. Your readers can share your posts on Facebook using the Like Button.
Here is a Screenshot of the Facebook Like Box. Isn’t it lovely and more “Likable” than the default Like Button

How to install the Facebook Like Box?

1. First Fill in the following Details (Code will be updated with these details)
Width of the Like Box                     (Enter the appropriate width of the FB like box)  Facebook Fan Page / Profile URL
2. Now Login to your Blogger Account and navigate to Design > Edit HTML and check the option which says “Expand Widget Templates” 3. Look for  ]]></b:skin> in your template and just above that place the following code (You can use Ctrl +F to find the code).
.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("http://lh5.ggpht.com/_u4gySN2ZgqE/TJ3dpjy9PaI/AAAAAAAABr0/PTUXIS8ykps/fblogo%5B3%5D.jpg") no-repeat scroll left top transparent;
}
.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:515px;
height:42px;
}
4. Now Look for <data:post.body/> in your template and just below that add the following code.
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='fb_like_box'>
<div class='fb_like_top'></div>
<div class='fb_like_button_holder'>
<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=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>
5. Now Save your template and you will see a Facebook Like Box on your post pages.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes