Skip to main content

Add Facebook Like Button to Blogger Posts

To add Facebook Like button to your blogger blog posts simple follow the below steps:

1- Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says "Expand Widget Templates
2- inside the html code look for the tag: <data:post.body/> Directly after this tag add the below code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like layout='button_count'/>
</div>
</b:if>
3- Save changes


You may change the feel and look of your like button by changing and adding attributes to the fb:like tag, those attributes are:




  • 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.
  • Comments

    Popular posts from this blog

    Error: Write to Disk Access Denied - Troubleshooting - BitTorrent

    I have downloaded Bit Torrent software and when trying to download I got an error after few seconds saying:

    Error: Write to Disk Access Denied
    Solving this problem is so simple:
    Shut down BitTorrent program.
    Go to Start and in the small search box on top of windows start button start typing Bittorrent and the program will show, right click with the mouse on the icon and Run as Administrator.
    All ur problems are sorted out now and you can enjoy downloading...
    Good Luck.

    Importing SSL certs to Coldfusion Railo OR Lucee keystore

    If you are having the below error:
    Railo 3.3.4.003 Error (javax.net.ssl.SSLHandshakeException)Messagesun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested targetCausejavax.net.ssl.SSLHandshakeException

    This means you are trying to invoke an https webservice. to invoke an SSL webserver you need to import the certificate into Railo by using keytool command. Below are the steps on how to do this:

    1- use fire fox to open the webservice and click on the padlock as shown on the below image:

    2-Click on more information as below:
     3- Click on View Certificate as below:
    4-Click on details as below:
     5- Now export the certificate and save it to your computer with .cer extension.

    6- Search in railo folder for the keytool command location, in my case it was under railo\jdk\bin

    7-  Search in railo folder for the cacerts location, in my case it was under railo\lib\railo-s…

    Publish to Wordpress using JSON API plugin and Coldfusion

    I was using Postie to automatically publish to wordpress blog. I was searching a better method of publishing using soap api or json api. I found an excellent json plugin that can be used to publish posts and comments to wordpress.
    Please follow the below step by step, this code will let you publish automatically for froma different interface to wordpress rather than using postie or email.

    Step one: Install json plugin, enable the plugin and then go to settings > JSON API and  activate post

    Step two: you have to modify the file: yourwordpressdirectory/wp-content/plugins/json-api/controllers/post.php

    Please replace the file content with the below or add the missing Authenticate method. This method is necessary to authenticate a user to wordpress to be able to post content without a valid session.


    <?php /* Controller name: Posts Controller description: Data manipulation methods for posts */ classJSON_API_Posts_Controller{ publicfunctioncreate_post(){ global$json_api; $this->authenticate()…