Display correct thumbnail on facebook share

<!-- Start of Facebook Meta Tags by shailan (http://shailan.com) -->

    <meta property="og:title" content="Introducing dropdown menu effects" />

    <meta property="og:type" content="article" />

    <meta property="og:url" content="http://shailan.com/introducing-dropdown-menu-effects/" />

    <meta property="og:image" content="http://shailan.com/wp-content/uploads/wp-dropdown-menu-effects-thumbnail-200x200.jpg" />

    <meta property="og:site_name" content="shailan.com"/>

    <meta property="og:description" content="With the 1.6 update finally added jQuery effects to the dropdown menu widget. This version also brought many other features like, auto-recognizing dropdown.css in theme folder, specifiying an external theme URL, options for removing link..." />

<!-- End of Facebook Meta Tags -->

 

Open the header.php

Paste the following code before <?php wp_head(); ?>

 

<?php

global $wp_query;

$thePostID = $wp_query->post->ID;

if( has_post_thumbnail( $thePostID )){

    $thumb_id = get_post_thumbnail_id( $thePostID );

    $image = wp_get_attachment_image_src( $thumb_id );

    echo '<meta property="og:image" content="'.$image[0].'" />';

} ?>