<div class="article-header">
<a class="ribbon date " title="10th April 2013" href="http://vierx.blogspot.com/2013/04/ive-created-this-blog-to-remind-me-how.html" itemprop="url">
<div class="top ribbon-piece">Apr</div>
 <div class="bottom ribbon-piece">10</div>
 <div class="tail">
    <div class="left ribbon-piece"></div>
    <div class="right ribbon-piece"></div>
  </div>
</a>
<h1 class="title entry-title" itemprop="name">
 <a href="http://vierx.blogspot.com/2013/04/ive-created-this-blog-to-remind-me-how.html" rel="bookmark" itemprop="url">Blogger code snippet with Google prettify using HTML tag "pre" or "code"</a>
<span class="blog-admin"><a class="edit" href="//www.blogger.com/post-edit.g?blogID=288372728746608892&amp;postID=4764810040803482055&amp;from=pencil" target="_self" title="Edit"></a></span>
</h1>
</div>