Jetpackの統計情報データを使って人気記事を表示したい

いつもお世話になっております。
表題の方法に関してこちらの記事にある通り、Functions.phpに下記の通り記述して表示可能なのですが、この中で既にサムネイル等の詳細が書き込まれているため、そのスタイルの整え方がわかりません。（このままではサムネイルの横に綺麗にテキストが並んでくれません。。）

function my_pop_list( $target_days, $n ) {
	$i = 0;
	$args = array( 'days'=>$target_days, 'limit'=>$n+2 );
	$top_posts = stats_get_csv( 'postviews', $args );
	echo "<ol>\n";
	foreach ( $top_posts as $value ) {
		$my_id = $value['post_id']; //投稿ID取得
		if ( $my_id != 0 && $my_id != get_the_ID() && get_post_type($my_id) == 'post' ) { //homeと現在のページは除外で、投稿のみ
			if( has_post_thumbnail($my_id) ) { //サムネイルの有無
				$pop_img = get_the_post_thumbnail( $my_id, array(100, 100), array('alt'=>get_the_title($my_id)) );
			} else {
				$pop_img = '<img src="noimage.png" width="100" height="100" />';
			}
			echo '<li><a href="'.$value['post_permalink'].'">'.$pop_img.$value['post_title'].'</a>('.$value['views']."views)</li>\n";
			$i++;
			if ( $i >= $n ) { break; } //指定数を超えたら終了
		}	
	}
	echo "</ol>\n";
}

Single.phpに
<?php my_pop_list( 7, 5 ); ?>

今現在、自分のサイトでの新着記事一覧は、Sidebar.phpに下記の通り記述し、CSSで整えています。

<div id="secondary" class="widget-area" role="complementary">
	<div class="widget"><h3>Recent Posts 新着記事7件(全サイト対象)</h3></div>
	<?php $posts = get_posts('numberposts=7'); foreach($posts as $post): ?>
		<div class="recentpost">
			<li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a><div class="recentpost-title"><a href="<?php the_permalink(); ?>" ><?php the_title(); ?><div class="recentpost-title-cat"><?php the_category(','); ?></div></a></div>
			</li>
		</div>
		<div style="clear:both;"></div>
	<?php endforeach; ?>
</div><!-- #secondary -->

できれば同じクラス名をアサインして、同じレイアウトにしたいのですが、上述のFuncions.phpへ記述とSingle.phpへの記述のどこをどのように変えれば今現在のレイアウトと同じように表示できるか、数日取り組んでみたものの皆目見当がつかず、もしどなたかお分かりの方がいらっしゃればご教示頂けると幸いです。
コードの意味もよく理解できておらず、知識不足で申し訳ありませんが、宜しくお願いします。

ヘルプの必要なページ: [リンクを見るにはログイン]