Here’s step-by-step on how to add facebook like button with comment. If you have other better ways please feel free to share in my comments.

And after you share and comment, the result

Step 0

You need to get your Facebook application ID

Go to

After you click on Create application you will see

Step 1

You need to download & installed this plugin FBLike

Download

FB Like configuration

Click photo to enlarge

Note: Key in your Facebook Application ID in your FB Like plugin settings

Step 2

Add this to your header.php


xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/200 8/fbml" >



If you don’t know where to add, here is an example

Notes:

fb:admins

Replace YOUR-ADMIN-ID with your Facebook User ID. To easily get your Facebook User ID, you can use another aspect of the social graph: (substitute your username for “timware”). This will pull up the information that is publicly available for that user. You’ll want the “id” value for our purposes here.

fb:app_id

Replace YOUR-APP-ID with the Application ID assigned to your website when you set it up on Facebook, as described above.

Step 3

Add this code to your function.php


function bdw_get_images() {

    // Get the post ID
        global $wp_query;
        $iPostID = $wp_query->post->ID;
    //$iPostID = get_the_ID();

    // Get images for this post
    $arrImages =& get_children('post_type=attachment&post_mime_type=image&post_parent=' . $iPostID );

    // If images exist for this page
    if($arrImages) {

        // Get array keys representing attached image numbers
        $arrKeys = array_keys($arrImages);

                /******BEGIN BUBBLE SORT BY MENU ORDER************
                // Put all image objects into new array with standard numeric keys (new array only needed while we sort the keys)
                foreach($arrImages as $oImage) {
                        $arrNewImages[] = $oImage;
                }

                // Bubble sort image object array by menu_order TODO: Turn this into std "sort-by" function in functions.php
                for($i = 0; $i < sizeof($arrNewImages) - 1; $i++) {
                        for($j = 0; $j < sizeof($arrNewImages) - 1; $j++) {
                                if((int)$arrNewImages[$j]->menu_order > (int)$arrNewImages[$j + 1]->menu_order) {
                                        $oTemp = $arrNewImages[$j];
                                        $arrNewImages[$j] = $arrNewImages[$j + 1];
                                        $arrNewImages[$j + 1] = $oTemp;
                                }
                        }
                }

                // Reset arrKeys array
                $arrKeys = array();

                // Replace arrKeys with newly sorted object ids
                foreach($arrNewImages as $oNewImage) {
                        $arrKeys[] = $oNewImage->ID;
                }
                ******END BUBBLE SORT BY MENU ORDER**************/

        // Get the first image attachment
        $iNum = $arrKeys[0];

        // Get the thumbnail url for the attachment
        $sThumbUrl = wp_get_attachment_thumb_url($iNum);

        // UNCOMMENT THIS IF YOU WANT THE FULL SIZE IMAGE INSTEAD OF THE THUMBNAIL
        //$sImageUrl = wp_get_attachment_url($iNum);

        // Build the  string
        $sImgString = '' .
                            'Thumbnail Image' .
                        '';

        // Print the image
        //echo $sImgString;
                //print only the url of the first image
                echo $sThumbUrl;
        } else {
                //*****************************************
                //SET DEFAULT IMAGE
                //*****************************************
                echo 'https://rosamundwo.com/rosamundwofacebookbutton.gif';
        }
}

Step 4

Add this code to your single.php and put in where you would like it to appear in your post


If you have trouble following my steps, you can visit Hyperarts.com. Good Luck!
Reference: Hyperarts.com