-->

Display Author, Date, Labels And Comments Count With Icons Below Post Title

- September 25, 2017
Today I will show you how can you display author name, date, labels and comment count links with icons below post title in your blog. This is a wonderful hack. And by this hack, your blog will look professional. It shows ' Be first to comment' on the articles without comments and ' 1 Comment So Far' on the article with 1 comment. One the left side it will show author's name, date, labels. So, let's start implementing it into our blog.

display-author-date-labels-comment-count-with-icons-below-post-title

Display Author, Date, Labels, And Comments Count Below Post Title


1. Head up to your Blogger Dashboard and go to Theme and click on Edit HTML.

display-author-date-labels-comment-count-with-icons-below-post-title


2. Now click anywhere inside the code area and press Ctrl + F keys to open the search box.



3. Type or paste the code given below in search box and press enter.

<div class='post-header-line-1'&gt


Note:- You will find it two times, you have to stop at second one.


Note:- If you can find the code given above, try to search this:

<div class='post-header'>


4. When you find the above code, just below it paste the code given below:

<div style="margin: 10px 0;"><span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_gxtXQYlDEJtcIOesWIuOpIx_wwKdTLCgNy1jzWAnx4XG6KKTVe7fI7saLLXOsYA7A1JlgJb7mbUeQcbtUhiEkFGdkiee7qfoBxEOFTpkbKGcnr-YZWYfpQFITGa2-S-jPLg6WZiDfUa/s1600/author.png) no-repeat scroll top left;padding-left:20px;font-size:11px;'><data:post.author/></span> | <span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFESU3vZflziqdNepMEi5xVLY2F0_yiPtxr_7_17ziB1GNjG4GwupwT8j_MIFsqx0YPyqftAOdyAhFh5twdmSTGxKbCFiLKENwEwsZUZ3lxBKaRvG7RaQeYoCMINN2X6L2zjZPB1q0L94F/s1600/clock.png) no-repeat scroll top left;padding-left:20px;font-size:11px;'><data:post.timestamp/></span> | <span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUM3jATUVsShzu_MYAB_vBI7cdeRYneuJqdTzSntPsRV5sKcts26QOqU9EzA98syTuU86pcsyBDvlfIrdeU5dzDdwG5sO_WuJ1a6MYBamwEq0F_QATHsZ1wtLxJ94LCx7MyL9Umexj-3nF/s1600/tag.png) no-repeat scroll top left;background-position:0px -1px;padding-left:23px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if></b:loop></b:if></span><span class='post-comment-link' style='float:right;'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzkya5T989jlMk42rx-mNO5EkbS1bNe36YZwZ6rqCgKh8oPP2QNF21gfgt2BsochvvLCUM-a5VNuYM2MukfRy95Xgs3VVe3Ow1lwk_zT8Nk3zlG7oAfI408hnn4smRtnLo76cI9XON8OiV/s1600/comment.png) no-repeat;padding-left:20px;font-size:11px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if></b:if></a></b:if></b:if></span></div>


Customization:-

To change icons replace the URLs with your own image URL:


  • Red URL is for author icon
  • Green URL is for clock icon
  • Orange URL is for the labels icon
  • Yellow URL is for the comments icon

5. Click "Save Template" and you're done.

Over To You

So, this was a guide about displaying author, date, labels and comments icon below the post title. I hope you have understood the guide successfully. If any doubt or problem, then comment below. Happy Blogging:-)

3 comments

sobia said...

You should mainly superior together with well-performing material, which means that see it: Free

Matah Hati said...

Agen Togel Bonus Terbesar

buy premium wordpress theme said...

I must say, as a lot as I enjoyed reading what you had to say, I couldnt help but lose interest after a while. Its as if you had a wonderful grasp on the subject matter, but you forgot to include your readers. Perhaps you should think about this from far more than one angle. Or maybe you shouldnt generalise so considerably. Its better if you think about what others may have to say instead of just going for a gut reaction to the subject. Think about adjusting your own believed process and giving others who may read this the benefit of the doubt. onlinefreechat