Popular posts Thumbnail not showing

Thumbnail in Popular and recent posts tab are not showing.
Can someone help me why it's not working?
thedoghome.com

This is the code for it.

<?php if($popular_post_num != 1){echo '';} ?>
<li>
<div class="left">
<?php if(has_post_thumbnail()): ?>
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'ppost'); ?>
<a href='<?php the_permalink(); ?>'><img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>"  width='65' height='50' class="wp-post-image" /></a>
<?php else: ?>
<a href='<?php the_permalink(); ?>'><img src="<?php echo get_template_directory_uri(); ?>/images/smallthumb.png" alt="<?php the_title(); ?>"  width='65' height='50' class="wp-post-image" /></a>
<?php endif; ?>
<div class="clear"></div>
</div>
    <div class="info">
    <p class="entry-title"><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
    <div class="meta">
        <div class="post-info-icon">
            <div><?php the_time('F d, Y'); ?></div> <div class="dot_center"></div> <div><?php comments_number('0','1','%'); ?></div> Comments
        </div>
    <?php //echo excerpt(10);?>   
    </div> <!--end .entry-meta-->   
    </div> <!--end .info-->
    <div class="clear"></div>
</li>
 
<?php $popular_post_num++; endwhile;
}
 
function mts_latest_tabs( $posts = 5 ) {
    $the_query = new WP_Query('showposts='. $posts .'&orderby=post_date&order=desc');
    $recent_post_num = 1;       
    while ($the_query->have_posts()) : $the_query->the_post();
?>
<li>
<div class="left">
<?php if(has_post_thumbnail()): ?>
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'ppost'); ?>
<a href='<?php the_permalink(); ?>'><img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>"  width='65' height='50' class="wp-post-image" /></a>
<?php else: ?>
<a href='<?php the_permalink(); ?>'><img src="<?php echo get_template_directory_uri(); ?>/images/smallthumb.png" alt="<?php the_title(); ?>"  width='65' height='50' class="wp-post-image" /></a>
<?php endif; ?>
<div class="clear"></div>
</div>
    <div class="info">
    <p class="entry-title"><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php the_title(); ?></a></p>
    <div class="meta">
            <div class="post-info-icon">
            <div><?php the_time('F d, Y'); ?></div> <div class="dot_center"></div> <div><?php comments_number('0','1','%'); ?></div> Comments
        </div>
 
    <?php //echo excerpt(10);?>
    </div> <!--end .entry-meta-->   
    </div> <!--end .info-->
    <div class="clear"></div>
</li>
 
<?php $recent_post_num++; endwhile;
}
class mts_Widget_Tabs extends WP_Widget {
 
    function mts_Widget_Tabs() {
        $widget_ops = array('classname' => 'widget_tab', 'description' => __('Display the popular Posts and Latest Posts in tabbed format', 'mythemeshop'));
        $control_ops = array('width' => 400, 'height' => 350);
        $this->WP_Widget('tab', __('MyThemeShop: Tab Widget', 'mythemeshop'), $widget_ops, $control_ops);
    }
 
    function widget( $args, $instance ) {
        extract($args);
        $popular_post_num = $instance['popular_post_num'];
        $recent_post_num = $instance['recent_post_num'];
        ?>
       
 
    <div id="tabber">
           
        <ul class="tabs">
            <li><a href="#popular-posts"><?php _e('Popular Posts', 'mythemeshop'); ?></a></li>
            <li class="tab-recent-posts"><a href="#recent-posts"><?php _e('Recent Posts', 'mythemeshop'); ?></a></li>
        </ul> <!--end .tabs-->
           
        <div class="clear"></div>
       
        <div class="inside">
       
            <div id="popular-posts">
                <ul>
                    <?php rewind_posts(); ?>
                    <?php mts_popular_tabs($popular_post_num); ?>
                </ul>           
            </div> <!--end #popular-posts-->
             
            <div id="recent-posts">
                <ul>
                    <?php mts_latest_tabs($recent_post_num); ?>                     
                </ul>   
            </div> <!--end #recent-posts-->
           
            <div class="clear"></div>
           
        </div> <!--end .inside -->
       
        <div class="clear"></div>
       
    </div><!--end #tabber -->
 
        <?php
    }
 
    function update( $new_instance, $old_instance ) {
        $instance = $old_instance;
        $instance['popular_post_num'] = $new_instance['popular_post_num'];
        $instance['recent_post_num'] =  $new_instance['recent_post_num'];
        return $instance;
    }
 
    function form( $instance ) {
        $instance = wp_parse_args( (array) $instance, array( 'popular_post_num' => '5', 'recent_post_num' => '5') );
        $popular_post_num = $instance['popular_post_num'];
        $recent_post_num = format_to_edit($instance['recent_post_num']);
    ?>
        <p><label for="<?php echo $this->get_field_id('popular_post_num'); ?>"><?php _e('Number of popular posts to show::', 'mythemeshop'); ?></label>
        <input class="widefat" id="<?php echo $this->get_field_id('popular_post_num'); ?>" name="<?php echo $this->get_field_name('popular_post_num'); ?>" type="text" value="<?php echo $popular_post_num; ?>" /></p>
       
        <p><label for="<?php echo $this->get_field_id('recent_post_num'); ?>"><?php _e('Number of latest posts to show:', 'mythemeshop'); ?></label>
        <input class="widefat" type="text" id="<?php echo $this->get_field_id('recent_post_num'); ?>" name="<?php echo $this->get_field_name('recent_post_num'); ?>" value="<?php echo $recent_post_num; ?>" /></p>
 
    <?php }
}
 
register_widget('mts_Widget_Tabs');
 
?>

Code (markup):

 

Are you upload the featured image right. try this instead of
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'ppost'); ?>

$image =the_post_thumbnail();

 

Thank you for your reply!
I got thumbnails but they are large. How do I fix that?

 

Put this in function.php file and you can change the with and height as per you need
set_post_thumbnail_size( 50, 50, true ); // 50 pixels wide by 50 pixels tall, hard crop mode

 

Thank you.
I have empty boxes next to thumbnails that has link. Is there any way to link thumbnails not empty boxes?

About the homepage, I want to show 9 posts instead of 10 posts. There is 1 extra post showing at the bottom. How do I change that??

 

That need to check the code there you set the number of posts in query.
You contact me via Skype: ashishkg17