Latest Technology Updates

How to add facebook send button on your WordPress Blog

2 May 2011 Written by:Preetam One Comment

About:

How to add facebook send button on your WordPress Blog

Previous Post:
« « Export All Delicious Bookmarks in XML File Format

Next Post:
Top Coaching Institutes for Medical Entrance Exams » »

Facebook has announced an new sharing button that is “Send Button”. This send button allows your users to share your website pages/ blog posts with their friends network. Which means user can send your website article to his facebook friends and also non Facebook friends. On clicking on Facebook Send Button it creates a Popup dialog box through which you can send message to a Facebook Groups (if you are part of that group). This button is similiar to Facebook like button which includes “Counting of Each Send”,

The Most Powerful difference here is when you like a post then it will be visible on friends news feed. So there is no guarantee that each of your friends will see your shared post. But in “Send Button” it sends to “Facebook Messages” box where there is 100% GUARANTEED that each user will see your post. I created a “how to” post for our users so that they can add “facebook send button” on their blogs.

Here are the steps for adding facebook send button on your wordpress website

1) For adding it in your wordpress post first open your “single.php” file which is located in theme’s folder.

2) Now paste below javascript code in your loop

	  <div id="fb-root"></div>
	  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
	  <fb:send href="<?php echo get_permalink(); ?>" font=""></fb:send>

3) Save your file and upload it back to your hosting site.

If you want to show “like button” and “send button” together then you can use following javascript code which also enables like button.

 <div id="fb-root"></div>
 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
 <fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450" send="true"></fb:like>

This send button is not supported by iframe version of like button.

If you want to customize this send button you can use following parameters

Parameter	Details
show_face=true	To show the friend icons under the button
layout=box_count	To show the simple button with only the count
colorscheme=dark	To show a darker color scheme for your button
action=recommend	To show “Recommend” instead of Like