<!-- post timeline -->
<style type="text/css">
#timeline {
	padding: 4px;
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: #eee;
	font-size: 12px;
}
#timeline li {
	float: left;
	margin: 0;
	padding: 0 5px;
	text-transform: uppercase;
	border: solid #333;
	border-width: 0 1px 0 0;
}
#timeline li a {
	display: block;
}
</style>
<?php
echo '<ul id="timeline">';
echo '<li>Latest</li>';
$prev_month = '';
$prev_year = '';
$args = array(
         'posts_per_page' => 10,
         'ignore_sticky_posts' => 1
);
$postsbymonth = new WP_Query($args);
while($postsbymonth->have_posts()) {
    $postsbymonth->the_post();
?>
<li><a href="<?php the_permalink(); ?>"><?php the_time('j'); ?></a></li>
<?php
    if(get_the_time('F') != $prev_month || get_the_time('Y') != $prev_year && get_the_time('Y') == $prev_limit_year) {
    	echo "<li>< ".get_the_time('M')."</li>\n";
	}
    $prev_month = get_the_time('F');
    $prev_year = get_the_time('Y');

}
echo '</ul>';
?>
<!-- end post timeline -->