This is really cool. I’ve added a Facebook “like” button to some of my posts here in my blog. It’s really easy to do. My friend, Veronica Smith, Veronica Jo Smith, Internet Marketing Tips for “Newbies” showed me how to do it with a video that she made.
When you install the Like Button on your page or post, and a Facebook user visits your site and clicks on it to “Like” it, a link to your page gets added to their activity stream. All of their friends can see that link, click on it and be led directly to your page. When each person arrives, the Like button is personalized for them — it shows which of their friends have already clicked it, and when they click on it, a link to your page gets added to their stream.
Simply choose the options you want, the first being the site on which you want the like button to appear. Here’s some info from that Facebook page:
href – the URL to like. The XFBML version defaults to the current page.
layout – there are three options.
standard – displays social text to the right of the button and friends’ profile photos below. Minimum width: 225 pixels. Default width: 450 pixels. Height: 35 pixels (without photos) or 80 pixels (with photos).
button_count – displays the total number of likes to the right of the button. Minimum width: 90 pixels. Default width: 90 pixels. Height: 20 pixels.
box_count – displays the total number of likes above the button. Minimum width: 55 pixels. Default width: 55 pixels. Height: 65 pixels.
show_faces – specifies whether to display profile photos below the button (standard layout only)
width – the width of the Like button.
action – the verb to display on the button. Options: ‘like’, ‘recommend’
font – the font to display in the button. Options: ‘arial’, ‘lucida grande’, ‘segoe ui’, ‘tahoma’, ‘trebuchet ms’, ‘verdana’
colorscheme – the color scheme for the like button. Options: ‘light’, ‘dark’
ref – a label for tracking referrals; must be less than 50 characters and can contain alphanumeric characters and some punctuation (currently +/=-.:_). The ref attribute causes two parameters to be added to the referrer URL when a user clicks a link from a stream story about a Like action:
fb_ref – the ref parameter
fb_source – the stream type (‘home’, ‘profile’, ‘search’, ‘other’) in which the click occurred and the story type (‘oneline’ or ‘multiline’), concatenated with an underscore.
It’s really simple to do. After you’ve made your choices, click the “Get Code” button. Your code will be displayed. Copy it and then you’ll take it to your blog or whatever page you’re wanting to put it on. Then you just paste it in.
I put mine on my different posts. It seemed to make sense to me that someone would “like” after they’ve read the post. So, I went to my WordPress.org dashboard for my blog. I clicked on Posts and inserted the code at the end of the post. I clicked “Update” and voila! There was a beautiful “Like” button at the end of my post. I’m saving my code on a Notepad, and whenever I add a new Post here, I’ll just grab the code and put it at the end of my post.
NOW, before you rush off to create your own “Like” button, be sure to click on my button at the end of this post and tell the Facebook world you like this post.
And before I forget…. A great big THANK YOU to Veronica for stepping out and showing us how to do this.