Facebook has changed the “Become a Fan” button to “Like” button as well as Twitter or Google Buzz. Even the “Like” button has been available as a plugin which can be attached directly to the site or your blog (http://developers.facebook.com/docs/reference/plugins/like). You can install by using FBML or iFrame code, which means you should need Javascript SDK, to process an existing FBML code.
And for you WordPress users, now has a presence that can come up with plugins “Like” button automatically in every post you, even pages. This plugin I gave the name “Facebook Like Button” WordPress plugin, “WP FB Like” plugin. How to use it is very easy.
1. Button Like the Facebook upload directory to the / wp-content/plugins / directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Go to Settings / Facebook Like to configure the buttons
There are options that make your page in the set view “Like” button to suit your needs or aligned with the themes you use. The options are as follows:
- Display: you can choose to display the pages and front end (home)
- Position: position of the content or the button can also manually by placing the code [fblike]
- Styling: set the style for the div that surrounds the button
- Layout style: choice of standard or button_count
- Show Faces: displaying profile pic of the user that pressing the button
- Width: width of the iframe and button
- Height: height of the iframe
- Verb to display: you can choose the “like” or “recommend”
- Fonts: there are several options that is the default font, arial, Verdana, Trebuchet MS, Segoe UI, Tahoma, lucida grande
- Color Scheme: the options are light, dark, evil
Here is a screenshot of the facebook like button plugin options page and view in terms of visitors.
Facebook Like Button - WordPress Plugin - Options page screenshot
Facebook Like Button - WordPress Plugin - front page screenshot
With the number of Internet users and Facebook growing course this plugin makes you as a webmaster can be closer to its visitors, which in turn can raise the popularity of your blog or site. Enjoy this plugin mate:)
Related posts:
Hi Koz,
then you need to set height higher.
bcause faces shown under button.
regards and thanks
Hi dan ..
do u mean Options -> WP FB Like options page?
regards
Hi,
I like the possibility to add the php code manually inside the theme or other functions
But I would like to be able to put it BOTH manually (i.e. for the featured posts in the homepage) AND automatically inside other posts, pages, etc.
As it is now, I need to choose between manual positioning and your presets. The ideal scenario would be that manual positioning was always possible, indipendently from the automatic one.
Or at least a checkbox for “manual” independent from the other setting.
Do you think you could implement this in a future revision?
For your reference, I am trying to add the facebook “like” to the top, featured post in our website:
Mondo3: http://www.mondo3.com/
the theme we adopted is using some custom code to place the featured post on top, and I can succesfully insert the fb_like php code inside it, but it is parsed only if I choose “manual” in your plugin settings
Thank you
Hi for quick hack you can do like this in line 371 of wp-fb-like.php
// For manual function PHP in themes function wp_fb_like() { echo fblike_generate_button(); }i hope it can solve your request
regards
Thanks for this. i’m placing it manually in my index.php, but i would like it to only show up on individual pages but not on the front(home) page. Is there a simple way to make it not appear on the front page?
Thanks,
Bo
nevermind. I guess I need to create a separate index.php and single.php
Great, I removed the “if” statement and now it works.
Are you planning to modify the plugin like this in a future revision, or should I just put some note somewhere to remember myself to re-edit it if you update it?
thank you again
@fabrizio
Glad to hear that
maybe just leave like now
regards
i tried this without plugin, it works
tks
Hey guys, love plugin but why is it when someone likes a page it shows up as ‘John Joe likes content’ how do i get the pluging to show the post title?
hi Size,
unfortunatelly, we can do anything to that thing, since Facebook doesnt give any options for that
regards
Hi, I am using your plugin and it works fine, except for one thing: In Firefox and Chrome the button text says “Like” and in IE and Opera the display shows the german version “Gefällt mir”. I don’t know the reason for that. However, i’s quite a difference in px length and for design aspects I would like to have it cross-browser in one language version – it doesn’t matter whether it is English or German. Is there any possible way?
Thank You,
Michael
Hi, about language actually we dont have any control expcet “like” or “recomend” and about german shown, that’s full control from FB
for cross browser maybe you add manually to your style.css of your themes and add required css markup with class .fblike_button
thanks
@buzzknow That’s what I apprehended.
I’ve already tried to change the CSS manually but since I have to input a fixed width for the plugin button in the WP backend, I can’t think of a way to format it with automatic width (so that the text length defines the button width).
Thanks anyway for your quick answer!
@Michael
since this is iframe so its hard to set automatic … and fyi, minimum recomended width for iframe is 450px
regards
Great plugin. I use it at my page too
thx
Thanks for your plugin, but I have a trouble for this plugin
I use “manual” and insert the code to index & single
but when I “like” some articles , then I refresh the page,
“like” was disappeared…OTZ
(GOOGLE. WP2.9.2)
can you show my your trouble page?
thanks
Mas, pluginnya error.. ada update ga?
what’s kind of error Om Lew?
regards
Wah nais inpo nih om
Thanks for the great plugin, but I want to know how to take only the title of the post instead of the title of the blog and tagline as well? thanks.
Hi Luq,
anyway we can’t control them, bcause this is built in from Facebook, this plugin only bring to wordpress via iframe, like original setting at http://developers.facebook.com/docs/reference/plugins/like
regards
Thanks for the quick reply. I am having another issue. When I like a page it doesn’t show up on my friend’s news feed? It seems its a common problem, would you be knowing anything about this and how it could be fixed?thanks again.
but sometimes its shown up in home feeds … or maybe Facebook has lag time for now?
regards
Ok I noticed another thing. For the link to show up in friend’s news feeds. The page has to be liked by someone first, then the next person who clicks it will show up. Do you know how to fix this?
Sorry Luq, we can’t control them
regards
Ga ada yang error ternyata mas fer.. eike yang salah.. hehehe
Mantaabbbb om
Thanks
Looks like the faces are not showing anymore. Does anyone know if their has been a change at Facebook?
How do I uninstall this plugin???? Even after deleting it, it still shows up on my blog.
Thanks,
are you sure?
its should be gone when u deactive/delete it. are u using some cache plugin?
hello,
i am using WP 3
with UTF-8
when i press like i got :
———-
You like Ø£Ù?سÙ? اÙ?Ù?Øظات | خرابÙ?Ø·.
———-
On my face book page it appear like :
———
Bahr likes Ø£Ù?سÙ? اÙ?Ù?Øظات | خرابÙ?Ø· on zxz.me.
———
the article is in Arabic characters
I use that to my WP website and getting below error..
You must specify an “href” attribute to the iframe. Something like .
Hey Nice Plugin.. I Iike it…