Display Blogger Post Author, Date, Labels and Comments

Blogger gives you free blogging services with many free simple and dynamic Themes for your Blogger websites. But, somehow many peoples are using their own created blogger themes. Many Blogger masters and webmaster can design and customize their blogger websites themes by editing Blogger Theme HTML codes. This tutorial will be helpful to all blogger master and newest blogger users to customize their blogger themes to add Author, Date, Labels and Comments with Icons at Blogger posts in Blogger Themes.
Display Author, Date, Labels and Comments in Blogger

Display Author, Date, Labels and Comments in Blogger

Step 1: Log in into your Blogger account.
Step 2: Click the Theme option on left of your computer screen.
Step 3: Then hit the Edit HTML button.
Step 4: Click anywhere inside the code area and press the CTRL + F keys to open the Blogger search box.
Step 5: Type or paste the HTML line below in the search box and press Enter two times to find the second occurrence of it.
<div class='post-header-line-1'>
NB: If you can't find the line above, look for this one.
<div class='post-header'>
Step 6: After this line, add the following HTML codes.
<div style="margin: 10px 0;"><span style='background:transparent url(https://4.bp.blogspot.com/-c1B11ScMq2g/UrceOVSjbxI/AAAAAAAAFnI/AfLfIudanZs/s1600/author.png) no-repeat scroll top left;padding-left:20px;font-size:11px;'><data:post.author/></span> | <span style='background:transparent url(https://3.bp.blogspot.com/-8zBVC26ojQE/UrcfeqmWuXI/AAAAAAAAFng/f_xOYkEhdVA/s1600/clock.png) no-repeat scroll top left;padding-left:20px;font-size:11px;'><data:post.timestamp/></span> | <span style='background:transparent url(https://2.bp.blogspot.com/-Zz2yZeaJG6U/UrcfOYO6_JI/AAAAAAAAFnY/1WHah9jzmhE/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://4.bp.blogspot.com/-rC0rrfpsbhE/UrcdZ37f_uI/AAAAAAAAFnA/ZIiB7SJgx0I/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>
Step 7: Now click on the Save Theme button to save changes.
It's done. Now you can visit your blogger post to see new look of your blogger site. You can also customize our provided HTML code and edit the image URLs from that HTML code.

Thanks for reading! If you like this article. Please share this article on social networks.
Tags: a blog; anonymous blog; anonymous blog post; author admin wordpress; author blogs; author blogs wordpress; author byline; author css; author date; author name wordpress; author of genesis; author page wordpress; author post; author post wordpress; author tag; author wordpress; author wordpress theme; author's theme; best blog sites for writers; best blog sites to read; best blogs for writers; best blogs in the world; best personal blogs; best personal blogs to read; best writing blogs; better after blog; blo full form; blo meaning; blo term related to; blog; blog about; blog article; blog author; blog creator; blog dashboard; blog entry; blog meaning; blog names; blog on; blog post; blog posting sites; blog sites; blog sites for writers; blog websites; blog writing; blog writing sites; bloger log in; blogger; blogger account; blogger css; blogger delete blog; blogger labels; blogger multiple authors; blogger popular; blogger remove blog; blogger sign; blogger sign in blogspot; blogger sign in gmail; blogposts; blogs about writing; blogspot; blogspot software; blogues; change author on wordpress; change author wordpress; create a blog; create blog; css author; css blog; css date display; css display none; css display visible; css div hidden; css hidden; css hide class; css hide div; css hide element; css meta; css none; css remove; css remove class; css remove element; css style hidden; date wordpress; define blog; delete blogger; delete blogger account; delete blogger profile; display blogger post author date labels and comments with icons; display hidden css; display none css; display none in css; divi blog module; e blogger; edit blogger profile; example blog; example of a blog post; example of blog post; examples of blogs; famous personal blogs; first blog post example; free blog posting sites; free blog sites; free weblog; full form of blo; get author name in wordpress; get author name wordpress; get author wordpress; get date wordpress; get post author; get post date in wordpress; get post date wordpress; get the date wordpress; gmail blog; good blog sites; hidden blog; hidden css; hidden post; hide a div css; hide author; hide author wordpress; hide date wordpress; hide div css; hide element; hide element css; hide image css; hide my site wordpress; hide my url; hide my wordpress; hide my wordpress site; hide my wordpress theme; hide plugin wordpress; hide this posting; hide wordpress; hide wordpress admin; hide wordpress site; hide wordpress theme; hide wordpress theme name; hide wp plugin; how can i create a blog; how do i create a blog; how do you create a blog; how to begin a blog; how to blog; how to blog anonymously; how to blog on wordpress; how to change author in wordpress; how to change author name in wordpress; how to change author on wordpress; how to change the author of a post in wordpress; how to create a blog; how to create an anonymous blog; how to create blog; how to deactivate wordpress account; how to delete a blog on blogger; how to delete a blogger account; how to delete a blogger profile; how to delete a wordpress account; how to delete a wordpress blog; how to delete blog; how to delete blog on blogger; how to delete blogger account; how to delete blogger blog; how to delete blogspot without email; how to delete my blog; how to delete my blogger profile; how to delete wordpress blog; how to delete your blog; how to display author name in wordpress; how to do a blog; how to do blog; how to edit blogger profile; how to find a blog by author; how to get post author name in wordpress; how to give a good blog job; how to hide a post; how to hide author name in wordpress; how to make an anonymous blog; how to make blog popular; how to remove a blog from blogger; how to remove author from wordpress; how to remove author from wordpress post; how to remove author in wordpress; how to remove blog; how to remove blog from blogger; how to remove blogger account; how to remove post date and author in wordpress; how to remove posted by in blogger; how to remove powered by blogger; how to start a blog page; how to start a blog post; how to start blogging; how to start writing blogs; how to write a blog; html author tag; info genesis; log in blogger; login blog; mange blog; meta author; meta css; more blogger; most popular personal blogs; name creator; new blog post; personal blog; personal blogs to read; plugin hide wordpress; popular blogs; popular personal blogs; post author; post author wordpress; post blog; post date wordpress; post info; publish date wordpress; remove archives from wordpress; remove author wordpress; remove blog from blogger; remove blog from wordpress; remove blogger; remove blogger account; remove post date wordpress; remove posted on wordpress; remove wordpress; remove wordpress blog; remove wordpress themes; s blog; seth godin blog; show author wordpress; show post date wordpress; siteblog; software blogspot; the author wordpress; the date wordpress; this is a blog; to blog; types of blogs; web blog; web blogger; what are labels in blogger; what can i blog about; what do people blog about; what does a blogger do; what does blogging mean; what is a blog; what is a blog and how does it work; what is a blog and how to create a blog; what is a blog page; what is a blog post; what is a blog site; what is blog; what is blog post; what is blog short for; what is blog writing; what is blogging and how does it work; what is the blog; what makes a good blog post; what to blog; what's a blog; whats a blog; who can write a blog; who is a blogger; why do people blog; wordpress add post meta; wordpress archive; wordpress author; wordpress author admin; wordpress author name; wordpress author page; wordpress author page url; wordpress author plugin; wordpress author search; wordpress blog author; wordpress blog multiple authors; wordpress category page; wordpress change author; wordpress change author name; wordpress change author of post; wordpress change post author; wordpress comment author; wordpress delete category; wordpress edit author page; wordpress get author; wordpress get author link; wordpress get author name; wordpress get post author name; wordpress get post date; wordpress get the date; wordpress hidden page; wordpress hide; wordpress hide author; wordpress hide category; wordpress hide posted by; wordpress hide site; wordpress hide website; wordpress hide wordpress; wordpress multiple authors; wordpress post author; wordpress post date; wordpress post date plugin; wordpress post meta; wordpress posted by; wordpress posted on; wordpress publish date; wordpress remove; wordpress remove author; wordpress remove meta; wordpress remove posted by; wordpress remove theme; wordpress search author; wordpress show author; wordpress the_time; wp date remover; wp get post date; wp hide post; wp hide post plugin; writing blogs; writing blogspot; идщп

No comments: