Προσθέστε "μπαλόνι" στα σχόλια σας.

Αφού κρατήσετε ένα backup το template σας καλού-κακού....

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

<b:loop values='data:post.comments' var='comment'>

Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα

<script type='text/javascript'>var CommentsCounter=0;</script> <!--COMM-NUM-STARTS-->

Τώρα ψάξτε να βρείτε αυτό....

<data:commentPostedByMsg/>

Μόλις το βρείτε κάνετε επικόλληση ακριβώς στην επόμενη γραμμή τον παρακάτω κώδικα.

<!--COMM-NUM-STARTS-->
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--COMMNUM-STOPS-http://loneeagle110.blogspot.com-->

Τώρα ψάξτε να βρείτε αυτό....

</head>

Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα πριν το κλείσιμο του </head>

<!--COMM-NUM-STARTS-->
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(......image direct link......) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}

.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
<!--COMM-NUM-STOPS-http://loneeagle110.blogspot.com-->

Στο σημείο .....image direct link......... θα βάλετε τον σύνδεσμο της εικόνας που θέλετε.

Στο συγκεκριμένο σημείο μπορείτε να πειράξετε αποστάσεις, κατευθυνση εμφάνισης,μέγεθος γραμματοσειράς....κτλ

Όλα αυτά πάντα με προσοχή...

Τέλος κάνετε προεπισκόπηση κι αν δεν σας βγάλει λάθος, τότε θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ ΠΡΟΤΥΠΟΥ.

Ενδεικτικά εικονίδια:








Ψάχνοντας θα βρείτε κι άλλα....

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!