Wednesday 25 January 2012

How to Add Facebook share Button for Blogger

Hi Friend, As you know that Twitter has Retweet Button, Now a time Facebook Also have Share Button. How it Works? Vistors from the world of your site when comes on your blog they can easily share your blog posts on facebook. This is aslo a Good way of SEO and increase your blog traffic.

Preview of Button :

.:: How to Add Facebook share Button ::.

This button will apear on the top right side of your blogger.

1. Follow this guide on How To Edit Your Blog Template

2. Find THis code. (CTRL+F)  <data:post.body/>

3. Add these codes ABOVE  <data:post.body/>

<!-- FACEBOOK SHARE BUTTON -->
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:10px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<b:else/>
<div style='float:right; margin-left:10px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</b:if>
<!-- FACEBOOK SHARE BUTTON -->

4. Click Save Template
it's Done and always comments 

1 comment:

  1. If u Like this Tutriol don't Forget to say thans
    &
    Always Comment and Subscribe us......!

    ReplyDelete