Today’s lesson is to How to add Facebook Connect Share Button in WordPress. Before you even add Facebook Share Button to your website I strongly suggest to download Firefox plugin called Firebug. With firebug you can add code to your site and change the look and feel without touching the code. Once you are done, than you edit the real code.
Well let’s get rolling here.
Go to your WordPress Admin Console, expand Appearance and click on Editor. On the left side look for (Single Post) single.php file.
Now this is bit tricky because not everyone has wordpress theme coded same way. Look through the code and find something like.
<div class=”postarea”> Look for this part of the code which is the starting point of your blog post. Than just add facebook share 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” type=”text/javascript”></script>
In my case because I have categories and stuff like that before the post I added my code this way:
Main point is to add the code before <div class=”entry”> that is where your commenting form starts. So just be creative add the code on places you think is the best and I guaranteee you it will work. Just make sure you don’t delete the original code.
If you need some help please leave comment and I’ll try to assist you asap.
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=0ffb4a3e-22f4-4890-abbf-5d3141444eb6)
[...] How to add Facebook Share Button in WordPress (mwd.com) [...]
[...] How to add Facebook Share Button in WordPress (mwd.com) [...]
Here's the Facebook Like button plugin (for the new Like button released April 21st 2010) available from WordPress:
http://wordpress.org/extend/plugins/like
No coding necessary, you can customize the look and placement of the button in the settings interface