Facebook Like for News
After Google+ Button for News and Tweet Button for webSPELL here is a quick guide how you can add the Facebook-Like-Button to your webSPELL News.
The basic setup
This part is required to make the Like-Button work (using the Facebook Markup Language). This Code should be added into your index.php right before the closing body-Tag.
Code:
1. | <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> |
The webSPELL-Part
Now that we made the basic setup we can add our Facebook-Like-Button into the News, Articles, Forums, etc. I'll explain it with the News.
Facebook-Like-Button for News
The following Code has to be added somewhere into your templates/news.html
Code:
1. | <fb:like href="http://$hp_url/index.php?site=news_comments&newsID=$newsID" send="true" layout="button_count" width="450" show_faces="true" font=""></fb:like> |
Facebook-Like-Button for Articles
The following Code has to be added somewhere into your templates/articles.html
Code:
1. | <fb:like href="http://$hp_url/index.php?site=articles&action=show&articlesID=$articlesID" send="true" layout="button_count" width="450" show_faces="true" font=""></fb:like> |
To customize your Like-Button here is what you can do:
https://developers.facebook.com/docs/reference/plugins/like/ wrote:
Attributes
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. 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 parameterfb_source- the stream type ('home', 'profile', 'search', 'other') in which the click occurred and the story type ('oneline' or 'multiline'), concatenated with an underscore.
written by 