Well, first of all it took me 4 days(exaggeration) to find the directions on the actual Facebook site.
Then it took me 6 days (another exaggeration) to read through the directions.
And 4 therapy sessions (this may or may not be an exaggeration) to deal with the anxiety it caused me trying to 'Copy and Paste' URL HTML WTF Codes into my HTML format.
It's especially worrisome when there is an option to click on a box to 'Save HTML' or you Google
"How to add widgets to your blogger blog" and the first thing that comes up is a warning that you'd better "Backup your HTML format?" Sounds Scary!! You mean I can lose everything.
So here are the directions from Facebook.........Simple Right??
likeconnection on the Graph APIincludes only the number of likes for the object.
Step 1 - Get Like Button Code
href- the URL to like. The XFBML version defaults to the current page.
send- specifies whether to include a Send button with the Like button. This only works with the XFBML version.
layout- there are three options.
standard- displays social text to the right of the button and friends' profile photos below. Minimum width: 225 pixels. Minimum increases by 40px if action is 'recommend' by and increases by 60px if send is 'true'. 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', 'ticker', 'tickerdialog' or 'other') in which the click occurred and the story type ('oneline' or 'multiline'), concatenated with an underscore.
Step 2 - Get Open Graph Tags
Open Graph Tags
tags that you add to the
of your website to describe the entity your page represents, whether it is a band, restaurant, blog, or something else.
property="og:tag name" content="tag value"/>
og:title- The title of the entity.
og:type- The type of entity. You must select a type from the list of Open Graph types.
og:image- The URL to an image that represents the entity. Images must be at least 50 pixels by 50 pixels (though minimum 200px by 200px is preferred). Square images work best, but you are allowed to use images up to three times as wide as they are tall.
og:url- The canonical, permanent URL of the page representing the entity. When you use Open Graph tags, the Like button posts a link to the og:url instead of the URL in the Like button code.
og:site_name- A human-readable name for your site, e.g., "IMDb".
fb:app_id- A comma-separated list of either the Facebook IDs of page administrators or a Facebook Platform application ID. At a minimum, include only your own Facebook ID.
How do I know when a user clicks a Like button?
When will users have the option to add a comment to the like?
standardlayout. If users do add a comment, the story published back to Facebook is given more prominence.
What analytics are available about the Like button?
Can I link the Like button to my Facebook page?
hrefparameter of the button.
What is the best way to know which Like button on my page generated the traffic?
When does Facebook scrape my page?
How do I display the Like button in different languages?
What makes up the number shown on my Like button?
- The number of likes of this URL
- The number of shares of this URL (this includes copy/pasting a link back to Facebook)
- The number of likes and comments on stories on Facebook about this URL
What happened to the old Share button?
When I click the Like button, the popup window (or "flyout") doesn't show. Why?
overflowproperty set to
hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting the
overflowproperty to a value other than
hidden, such as