Blogspot Article Section Layout

HTML

<article class="post">
    <img class="post-thumbnail" alt="thumbnail" width="72" height="72" src="http://lorempixel.com/72/72/animals"/>
    <h3 class="post-title"><a href="#">Lorem Ipsum</a></h3>
    <p class="post-meta"><a href="#">Puguh Adhie</a> <a href="#">11:08 PM</a> <a href="#">14 Comments</a></p>
    <p class="post-snippet">Dunia telekomunikasi Indonesia saat ini tengah berkembang pesat seiring dengan hadirnya berbagai m&hellip;</p>
</article>

CSS

body {
    background-color:#eee;
    font:normal normal 13px/1.4 Helmet,FreeSans,Sans-Serif;
    color:#222;
    margin:0;
    padding:10px;
}

.post {
    margin:0 0 5px;
    border:1px solid #ccc;
    background-color:white;
    padding:10px;
}

.post-thumbnail {
    display:block;
    float:left;
    width:72px;
    height:72px;
    margin:0 10px 0 0;
}

.post-title {
    margin:0 0 5px;
    font:inherit;
    font-size:110%;
    font-weight:bold;
}

.post-meta {
    font-size:96%;
    margin:0;
}

.post-snippet {margin:0}