Add Facebook Share button on WordPress


Sponsored Links






Did you know that, there are so many ways to add Facebook Share button on WordPress, I will tried to coverage some of them. The first method is using standard facebook share button, or we can said it Faebook Sharer Widget, there are two design for this sharer, mini and standard design. Advantages using this method, we can display total facebooker that share our content.

Facebook Share Button

Above Content Counter Button

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share&quot; type="text/javascript"></script>

Inline with Content Counter Button

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share&quot; type="text/javascript"></script>

Link only

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share&quot; type="text/javascript"></script>

For some reason, many blogger only need simple button, you can tried link only interfaces.Which one do you like? it’s depend on your and match it with your wordpress theme design is better ways.

If you prefer using plugin, there are a lot of plugin coverage this featured, you can use Sociable, SexyBookmarks Plugin or others plugin.

The others ways is using using 3rd party website such as AddThis, AddToAny and many more, we hove our Facebook Share button coverage will help you more clearly which better for your WordPress.

If you need some counter How Many user that add your content in Facebook the best ways is using code above. We currently using this code on this side.

Subscribe to Full RSS Feed

RSS FeedIf you thing this article useful, please consider subscribing to our RSS Feed or e-mail updates and stay updated with us. You can also follow @WPTricksNet on twitter for latest updates.

About WP Tricks

We are WordPress Family, we collected and writed useful tips and tricks for you WordPress. We share it for you...

Related Tips and Trick from Local Data and on The Net

How To Automatically add Twitter and Facebook buttons to your posts

How To Automatically add Twitter and Facebook buttons to your posts, this trick original created by Dev7Studios and I will share it again for you. Like on many many WP Tutorials that I was write on WP Tricks, you need … Read More

Tweak You WordPress Post for better Facebook Share

This code created by Chad Von, a WordPress and Content Management Systems and eCommerce for Business Websites. I live up north in Coeur d'Alene, Idaho. This code is to make your WordPress Post have better view when shared on Facebook. … Read More

How To Add Author’s Twitter and Facebook Info

Using WordPress, we can added new field to our author info more easily. Example we want to add Author's Twitter and Facebook on the Author Profile. We only needed to added extra function and added to the WordPress Author Profile … Read More

How To Add More Button on Visual Mode WordPress Editor

Did you know that, WordPress default WordPress visual mode have limited icon and function. But using some little function we can unlock More Useful Buttons in the WordPress Post Editor. Now I will show you how to do this. We … Read More

How To Load Gravatar on the Fly

Gravatar become very popular image recognition, it's small image displayed almost on my WordPress Themes. After acquired by Automattic, Gravatar seamless integrated in WordPress.com. And for WordPress.org users, there are some ways to displayed on th

How To Add a Copyright Notice to Copied Text on WordPress

For some reason, we want to added extra copyright information, when some reader or internet user copy our content. This code using Pure JavaScript and written by Batovasan on this post. I will try to rewrite this code on this … Read More

WordPress › Share Buttons by Lockerz / AddToAny « WordPress Plugins

New: Google +1 Button in addition to the Facebook Like Button The Share button for WordPress.com blogs; The Subscribe button plugin Bookmark/Email Buttons] How/Where to add read more

Source: http://wordpress.org/extend/plugins/add-to-any/

WordPress › Facebook Share (New) Button « WordPress Plugins

The Facebook Share (new) button easily allows your blog to be shared. The button also provides a current count of how many times your story has been shared throughout read more

Source: http://wordpress.org/extend/plugins/facebook-share-new/

How to add a “Share on Facebook” button in a wordpress.com

If you want to add the “Share on Facebook” button in a wordpress.com blog post in ONE click, then please visit the following post, grab the bookmarklet read more

Source: http://shongjog.wordpress.com/2010/07/07/how-to-add-a-share-on-facebook-button-in-a-wordpress-com-blog-post-in-one-click/

Add Facebook “Share” Button to Each Post

If you’re using the Thesis Theme Framework, it’s easy to add the Facebook “Share” button to each of your WordPress articles. All you have to do is place the read more

Source: http://diythemes.com/thesis/rtfm/facebook-share-button/

How to Add a Live Facebook Share Button to Your WordPress

In this tutorial, we will show you how to add a facebook share button to your WordPress. read more

Source: http://www.wpbeginner.com/wp-tutorials/how-to-add-a-live-facebook-share-button-to-your-wordpress/


26 Responses to Add Facebook Share button on WordPress

  1. Pingback: Facebook Share on WordPress « Yes, I am Jauhari

  2. Thanks for the info…i actually just added a text link at the bottom of the page. I think the plugin will work much better.

    Any other suggestions for a good plugin for twitter?

    Thanks
    Deb

  3. zashime says:

    thanks, I will put it on my site… ;-)

  4. I am already using facebook and twitter buttons on my wordpress blog. I am sure it ‘ll be very informative post for those people who are new to it. But however thanks for the tutorial.

  5. SFIHomebizz says:

    Thanks for the info. I will try on my blog.

  6. duckyvideos says:

    thank you.. but how can i add like it button also?

  7. Outsourcing says:

    Thanks for the tip for wordpress but I am also having some Blogger blog…does this code work for it?

  8. Karen says:

    Thanks for the code. The problem is that the button shares the whole website and not the separated posts. Due to this every post has the same number of shares. Which code do you need to get the relevant article shared? I’ve put the code in the loop of the Atahualpa Theme WordPress. Does anyone have an idea? Thanks in advance.
    VBR Karen

  9. Karen says:

    The problem is solved. I had to add:
    share_url=”

    to the code above and now it’s working!

  10. Vatucando says:

    Thanks for the article. Any idea how to add the button to a WordPress RSS feed?

  11. Pingback: wp-popular.com » Blog Archive » How To Add Facebook Share button on WordPress # WordPress Tricks & Tips

  12. red says:

    Hi, I am using Sociable plugin for my site. But whenever I use share option for facebook it display description from meta description tag instead of my blog description. I have deleted the meta description from header file but still it won’t display the correct description. Do you have any suggestion on this.
    Thanks..

  13. jenson says:

    i have trying to use it. really help. But, for twitter, could i get it. many thanks before.

  14. denalisian says:

    Thank you very much for this information. I will try it.

  15. studyokan says:

    ı tried it. And I liked. Thanks this blog

  16. Gracey says:

    Whenever I’m posting, the fb like is only shown at the most recent post. And it’s also shown at a single page. How will I make it show in the diffrent post of the index page?

  17. sms says:

    it doesnot work for the category pages…what if we want to put a like button on category page ?

  18. realchance says:

    here the simple and easy way to add facebook share button..check my blog http://wp.me/p1s4Fl-m

  19. Wow thats I need information, thanks you brother…

  20. prahalad says:

    can u tell me how to change button for facebook like button,..i wanted to change the facebook like button style completely as my own…(different skins)

  21. eddie says:

    Hi, thank you for this tutorial, I was able to solved my server problem because of this. My site is gaining a lot of visitors and I really need to disable unnecessary plugins fortunately because of this tutorial I was able to remove the facebook share plugin that is eating up a lot of bandwidth on my server.
    many thanks man!!!

  22. Aha, this what i am searching for :)

  23. pain says:

    thank you for great tutorial. im using it on my site now. i dont use wp plugin, because this code give me more customization to match with my theme design.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>