Display Postal Service Author, Date, Labels As Well As Comments Amongst Icons Below Postal Service Titles

This tutorial volition exhibit yous how to add together to a greater extent than information inwards Blogger posts similar writer name, display the shipping service date, shipping service labels together with comment count links. How does this work? The comment links volition display the 'Be the starting fourth dimension to comment!' text for posts amongst no comments together with 1 time nosotros larn a comment, it volition exhibit '1 comment together with hence far'. On the left side, it volition exhibit the writer name, a clock icon amongst engagement for posts published together with finally, the shipping service labels.


This tutorial volition exhibit yous how to add together to a greater extent than information inwards Blogger posts similar writer get upward Display shipping service author, date, labels together with comments amongst icons below shipping service titles

How to Display Author, Date, Labels together with Comment Bubbles inwards Blogger?

1. Login to your Blogger Dashboard > become to 'Template' together with hitting the 'Edit HTML' button:


2. Click anywhere within the code expanse together with press the CTRL + F keys to opened upward the Blogger search box


3. Type or glue the HTML business below inwards the search box together with press Enter 2 times to uncovering the minute occurrence of it:
<div class='post-header-line-1'>
Note: If yous can't uncovering the business above, await for this one:
<div class='post-header'>
4. After this line, add together the following:
<div style="margin: 10px 0;"><span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3dHGGFq1c0QYxDtjVAZliQgwT-Ym8C-tZvgD1TZLBGC_pSTWjyIrAyoEwTHmhwPLGrJpnpagK5b-CgMiJTr465tUdZgutrahL10iC5rFU69eSaCJY_OHuy4Zqd3WIL-HOQE7kkEcGt-5/s1600/author.png) no-repeat scroll seat left;padding-left:20px;font-size:11px;'><data:post.author/></span> | <span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh02T2TpVKPON7cNGhvJQJX_6-TJ-zBNW-g8wAlcegxeWWypiVrkB9HM8YIrgE1zPTyj5TbFIH3v6Z7gDy65BED6olE9ly-aPiWRoHyNpC7emMsr3sy4eiLrSVUqUJ_-6RNSaQxykrRZrRd/s1600/clock.png) no-repeat scroll seat left;padding-left:20px;font-size:11px;'><data:post.timestamp/></span> | <span style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj89DKtf7FcKSA5v5qf0s2BE6Hm1K5eO1rbQbLxEoBcT1cEbPXpnXrWNliEFjxa95CiEkjAYbXF4EJWnh6KBU_DsZnLK4iCNlFGuj3GWlhF1cdUN51zyozrXkenpvTicw3-W4MYQCE-M5JI/s1600/tag.png) no-repeat scroll seat 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/AVvXsEguyqppEcb-iGbFOoy7FbJaBdFninGZSWxr8DF7oz93i0p-dhpO-9gspKdvQLw3dOh7WCbV7Ffs212YWOXCnIETdmdPwhoKb-jArdjvygZWexx2uTkOkOeLzZY_scTgfiQd8UXT7tDVsjTN/s1600/comment.png) no-repeat;padding-left:20px;font-size:11px;'><b:if cond='data:post.numComments == 0'>Be the starting fourth dimension to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment together with hence far<b:else/><data:post.numComments/> Comments together with hence far</b:if></b:if></a></b:if></b:if></span></div>

How to customize:

To alter the icons, supervene upon the urls inwards bluish amongst those of your images (see this tutorial: how to larn the url of an image):

- starting fourth dimension url is for the author's icon
- minute 1 is the clock icon
- the 3rd 1 is the icon for the labels
- the in conclusion 1 is for the comment bubble

Related: How to Add Comment Bubbles to Blogger posts titles

5. Click the 'Save template' push together with you're done!

Popular posts from this blog

Kerbrute - A Tool To Perform Kerberos Pre-Auth Bruteforcing

Image
Influenza A virus subtype H5N1 tool to speedily bruteforce together with enumerate valid Active Directory accounts through Kerberos Pre-Authentication Grab the latest binaries from the releases page to acquire started. Background This tool grew out of approximately bash scripts I wrote a few years agone to perform bruteforcing using the Heimdal Kerberos customer from Linux. I wanted something that didn't demand privileges to install a Kerberos client, together with when I works life the amazing pure Go implementation of Kerberos gokrb5 , I decided to lastly acquire Go together with write this. Bruteforcing Windows passwords amongst Kerberos is much faster than whatever other approach I know of, together with potentially stealthier since pre-authentication failures produce non trigger that "traditional" An job organisation human relationship failed to log on final result 4625. With Kerberos, y'all tin validate a username or exam a login past times s
Read more

Cameradar V2.1.0 - Hacks Its Mode Into Rtsp Videosurveillance Cameras

Image
   An RTSP flow access tool that comes alongside its library Cameradar allows you lot to Detect opened upward RTSP hosts on whatever accessible target host Detect which device model is streaming Launch automated dictionary attacks to larn their stream route (e.g.: /live.sdp ) Launch automated lexicon attacks to larn the username in addition to password of the cameras Retrieve a consummate in addition to user-friendly study of the results Docker Image for Cameradar Install docker on your machine, in addition to run the next command: docker run -t ullaakut/cameradar -t <target> <other command-line options> See command-line options . e.g.: docker run -t ullaakut/cameradar -t 192.168.100.0/24 -l volition scan the ports 554 in addition to 8554 of hosts on the 192.168.100.0/24 subnetwork in addition to laid on the discovered RTSP streams in addition to volition output debug logs. YOUR_TARGET tin hold out a subnet (e.g.: 172.16.100.0/24 ), an IP (
Read more

Efiguard - Disable Patchguard Together With Dse At Kicking Time

Image
EfiGuard is a portable x64 UEFI bootkit that patches the Windows kicking manager, kicking loader too center at kicking fourth dimension inward club to disable PatchGuard too Driver Signature Enforcement (DSE). Features Currently supports all EFI-compatible versions of Windows x64 e'er released, from Vista SP1 to Server 2019. Easy to use: tin live on booted from a USB stick via a loader application that automatically finds too boots Windows. The driver tin also live on loaded too configured manually using either the UEFI rhythm out or the loader. Makes extensive utilization of the Zydis disassembler library for fast runtime pedagogy decoding to back upwardly to a greater extent than robust analysis than what is possible amongst signature matching, which oftentimes requires changes amongst novel OS updates. Works passively: the driver does non charge or start the Windows kicking manager. Instead it acts on a charge of bootmgfw.efi yesteryear the firmware kicking
Read more