How to Add Author Image, Label & Date Under Post Title

Sometimes you may try to make your website tool more different than anyother. Or you may want to make your website more beautiful with more functions. Such as you can add author image, label & date icon under each post. In each post the image will be in (16x16)px in size. You also can change the icons of them changing the url of the images. Now, learn how to add tuthor image, label & date icon under each post.

1. Go to Blogger → Template → Edit HTML → Proceed 
2. Expand the Template checking the expand box.
3. Press (Ctrl + F) to find <div class='post-header-line-1'> code on your Template.
4. Add the following code just below the <div class='post-header-line-1'> code.
   

   <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgv82TjipFxf9iqRLXugyRRwoe6W2QTapGdue34Sq0rCryEcRMhnu0n6IVLPcLYbRuTThBrzOtW56aDeepNCfkjLUoPYFM7BZCO03YIZCH2o2Wsik83w1tmJnrZIqw5BjHNjQPBe910w/s1600/author.png) no-repeat scroll top left;font-size:11px;padding-left:25px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPFDUKcprB0Bh1jj-oLm_AobR2kt3_cSeLc4iewCrXg7XpBixFYUC-uybHUM9t1d39ObyTefG3_WjbGFhkZ8oIZivJo4m5V4lv6YIjvxyeG1GmwWh3_Ja6WisIH1-T67Ae7MbV6bEbzcY/s1600/calendar.gif) no-repeat scroll top left;font-size:11px;padding-left:25px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblBzTj2UQ40QcC80JYfGu6uFK8LLJg1fvVP5tWxGStCyMWvOdJ9TZM08t5vn5CMwRhMMknC7sZzga1R9utkC4v8eq9mPfCNoBYcJm6LdogWgTUQ4hl0FvfsNaqMQDwyWWlEBOr-_rGEk/s1600/label.png) no-repeat scroll top left;font-size:11px;padding-left:25px;'><b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
   <b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
   </b:loop>
   </b:if></font><a href='http://www.spiceupyourblog.com'><img alt='How to Blogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FznWue2R_xlmRuIvlevTD84isaaf-UysByS3LHh0xNGEgX7TgIdBkw9mnDP0Hlxz6RLLRzEsUq8S7V-gv-HcDxQJLgzDHqXPyJ1WAfbwDOgWgR7OqnhKKxJvt_HpSbi3YBSxYtjmn40G/s1600/best+blogger+tips.png'/></a>

Now, Save your Template as usual clicking on "Save" button.

Hints:
Yellow is for author Icon
Red is for date Icon
Blue is for labels Icon