Now that Facebook is spreading out across websites all over the internet, you, too can join in on the connectivity by adding some code to your WordPress self-hosted website or blog. With credit to Ruhani Rabin’s post, here’s how to do it:
(*make sure you have a backup copy of all your template files before you do this!)
1) Log into your WordPress backend.
2) Go to Appearance: Editor
3) Open single.php
4) Place this code right before <?php the_content(); ?>
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=false&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:60px”></iframe>
5) Click “update”
6) refresh your blog page and see the new Facebook Like button at play!
And if you don’t want to delve into the code, use this super easy plugin by Todd Williams!
Dreamhost Green Web Hosting
GreenerPrinter.com
http://developers.facebook.com/docs/guides/web
The original source information from Facebook.
http://developers.facebook.com/docs/guides/web
The original source information from Facebook.
I wrote a plugin that makes this much easier and offers a live preview in the wordpress settings while you play with the different options. http://bit.ly/awqa5C
Here's the WordPress plugin:
http://wordpress.org/extend/plugins/like
No coding necessary, you can customize the look and placement of the button in the settings interface
Here's the WordPress plugin:
http://wordpress.org/extend/plugins/like
No coding necessary, you can customize the look and placement of the button in the settings interface