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

{tocify} $title={Table of Contents}

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/AVvXsEhx6z32vQRcGGd91QYs_XXdG4Kv6ME1wAc1ju4Q3rTcVWYpSY81WpyP4QvLZLFE3TppxI1jJ9W7o6Kr-bTFqkUJJjBxR4E9_Kz8TIrPtv6KUZ1PI42wJ95QQxw08Vae-W5NJ5aC-N1IuVnK/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/AVvXsEjoMNkyzS7IHFGLDEJNBKuR_EEiP83yUS2BBCVfnqiUzPeEvZ2yOKwuEXl91FGUIP1KhAQ_sT7nQLWigUlhgjkmarQlnJsK6VLYBbzCVuR73UB4LTRx_d3mp4CkeUTaeQg7qXQbiP663qMD/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/AVvXsEg6Ag0uGpcI-ORkAQpO1DWFiDXzY8cMaDuNoe20cYo1hpKdKsD_aJpwT-Ml7cescYMQot-AdEzSwi-giAgQIsAxK7nLVXDXB7AduMOUjSa6LXABrLSUwfvatXqSUTDmjcMIfGq-zEYdniZn/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/AVvXsEi9jgmPuW4qvXh3-XEch9MjcTHtMPdbUUE-OX4zDWqkAgh9MB_NZU2QyQAigRdr523FdV9Mfr2wMx2Lg2xg_v8lIMgg0JM6Zf9Bw_8ha4G9oHHdMzE9Yupr64SiDaPdHm5qQGnso30IAHdo/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:-)

44 Comments

Please provide your comments related to the contents of the article above, comment politely and leave no spam. Thank you

  1. Husqvarna Chainsaw Sharpener

    What is required to file the chain?
    Certain chainsaw sharpening tools are required to keep the chain sharp, and these are round file, flat file, stump vise, and file gauge.

    It should be noted that there should be different round files and gauges for different types of chains.

    Filing angles
    Depending on these angles, the cutters should be filed-

    Side plate cutting angle
    Top plate cutting angle
    Depth gauge setting
    File down angle
    Different types of the chain have different angles, but the correct angles of the cutter can be restored by using a filing gauge. With this, there is no chance of getting a wrong angle, and thus, the result is always good.

    What should be the frequency of filing of a chain?
    Even if the chainsaw is not used to cut the objects that reduce its sharpness like rock, its sharpness reduces with time, and its chain becomes blunt.

    If a chainsaw is used for a longer time in a day, the chain should be sharpened appropriately with a file every time the chainsaw is refueled. With a sharpened chainsaw, the work becomes more effective and precise.

    ReplyDelete
  2. What is the purpose of blogs?

    The purpose of a zaib blog is to provide content on your website that answers your prospective customers' questions and helps them learn about your product or service. It expands your brand's visibility by giving Google and other search engines content to index and serve up in search results.

    ReplyDelete
  3. NEBOSH IGC in collaboration with International HSE Council
    Learner Partner Number
    819 with International HSE Council
    TMC Provide nebosh course in dubai

    ReplyDelete
  4. It is really an amazing blog post thanks for sharing this beautiful post can also this post.
    norstrat

    ReplyDelete
  5. Looking for chemical testing laboratory? We are performing all the essential tests like chemical analysis, quality control testing, troubleshooting etc.

    ReplyDelete
  6. Very creative and very informative blog playboyclothing.net . This idea is a nice way to improve the sharing of knowledge thanks...

    ReplyDelete

  7. Buy Verified PayPal Accounts PayPal is a worldwide charge system. PayPal is an online service that groups and persons a way to ship and acquire cash without exposing their credit score playing cards and bank money owed to others. Many stores are given repayments on their websites through Buy Verified PayPal Account to simplify the price process. Buy Verified PayPal Accounts.

    ReplyDelete
  8. Are you looking for wordpress hosting in pakistan check here

    ReplyDelete
  9. It is effortless to be part of Amazon Prime Day Deals and Promo Codes. We have listed the process steps to enjoy the Mega sale event of 2022.

    ReplyDelete
  10. Mates Technologies are one of the best Web Design & Development Companies in Pakistan, United Kingdom and United States offering attractive, interactive SEO friendly and customized website design, Web development, Ecommerce, CMS, PHP, WordPress, open Cart, Shopping Cart and more.

    ReplyDelete
  11. If you are looking for Retail business Ecommerce Application then contact Retail Magik which gives you opportunity to build your own personalized e-commerce app.

    ReplyDelete
  12. Increasingly more people are exploring the world of streaming video. Now we have Amazon Prime, Netflix,123 movies sonic
    123 Movies Sonic 2 Review in 2022

    ReplyDelete
  13. Thank for sharing this article.If you want to know what is cyberspace then visit Driveit.We are Leading provider of Security Awareness Training, Cyber Security Training, and services. Cyber Security needs in this digital world.

    ReplyDelete
  14. Thanks for sharing this blog. If you are one searching for Creative agency in Noidathen contact Mongoosh designs.

    ReplyDelete
  15. Great post!
    The Google Pixelbook 12-inch Review is one of the most popular Chromebooks on the market. It's a 12-inch laptop that's been designed specifically for ChromeOS. Chromebooks are known for being lightweight and portable, and the Pixelbook is no different. It's a great option for anyone who's looking for an affordable, quality laptop.

    ReplyDelete
  16. Thanks for sharing this information
    https://onlytopwishes.com/

    ReplyDelete
  17. I read this post your post so nice and very informative post thanks for sharing this post.
    Virtual Reality Market Size

    ReplyDelete
  18. Revamp your blog's aesthetic! Display author, date, labels & comment count under each title using icons for a pro look. Dynamic comment labels ("Be first to comment" or "1 Comment So Far") foster engagement. Organize left-side author, date & labels for easy navigation. Elevate your blog today!
    if you want other services like  constration   click here : services

    ReplyDelete
  19. This comment has been removed by the author.

    ReplyDelete
  20. Elevate your blog with style! Learn to showcase author, date, labels & comment links with icons beneath post titles. Plus, explore the timeless charm of the Vintage Trimmer Shaving Machine. Upgrade aesthetics and content effortlessly. Let your blog stand out

    ReplyDelete
  21. Enhance your blog's appeal with icons displaying author, date, labels, and comment count below each post title. Perfect for organizing content, including insightful articles on topics like Kumkumadi Oil.

    ReplyDelete
  22. Effortlessly showcase post details! Present author, date, labels & comments with stylish icons under each title. Elevate user experience on your platform, just like our "Custom Pillow Packaging" enhances unboxing, making it uniquely memorable

    ReplyDelete
  23. Effortlessly enhance your content display! Showcase author, date, labels & comments with icons beneath post titles. Just as details matter, experience the precision of "Wrapping Sheets," ensuring your items are protected and presented with care

    ReplyDelete
  24. Enhance your blog! Learn to display author, date, labels, and comments count with icons beneath your post title. Join the Legion of Doom of bloggers upgrading their websites.

    ReplyDelete
  25. Display Author, Date, Labels, & Comment Count icons below the post title, including the keyword "Printed Patches Supplier USA.

    ReplyDelete
  26. I really enjoyed reading your post. It's well-researched and insightful. You are interested in share market and you want to self motivate when you should read our blog Stock Market Motivational Quotes Hindi

    ReplyDelete
  27. celebrity 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.

    ReplyDelete
  28. Such a nice post you are share thanks for share this article Prize

    ReplyDelete
  29. Such a nice post you are share thanks for share this article

    ReplyDelete
  30. Display Author Date Labels & Comments with icons below the post title featuring the legendary Kraken Rum. Elegant and informative

    ReplyDelete
  31. Display Author, Date, Labels, & Comments Count with Icons below Post Title for 'Blossom Petal Dress'. Enhance post information and engagement effortlessly.

    ReplyDelete
  32. "Enhance your blog with a user-friendly format! Display author, date, labels, and comments count with icons below each post. It's smoother than stepping on a Lego! Explore the difference with Candle Boxes Packaging UK."

    ReplyDelete
Previous Post Next Post