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

WordPress › Share Buttons by Lockerz / AddToAny « WordPress Plugins

The WordPress plugin to help people share, bookmark, and email your posts Pin It Button in addition to the Facebook Like Button, Twitter Tweet Button, Google+ Share Button Read More

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

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

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

How to add both “Share on Facebook” and “Facebook like

How to add both “Share on Facebook” and “Facebook like” buttons easily in a wordpress use “Share on Facebook” button will be affected! WordPress Read More


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>