Εμφανίστε το σύνολο των σχολίων των αναρτήσεων σας μέσα σ' ένα "μπαλονάκι"

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

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

<h3 class='post-title entry-title'>

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

<!--Comment-Bubbles-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<!--Comment-Bubbles-STOPS-Widget-http://loneeagle110.blogspot.com/-->

μετά απο αυτό....

θα κάνετε αναζήτηση με το Ctrl + F για το.....

</head>

Και αμέσως πριν απο το κλείσιμο του head θα προσθέσετε τον παρακάτω κώδικα.

<!--Comment-Bubbles-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<style type="text/css">
.comment-bubble {
float: right;
background: url(...image direct link...) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>
<!--Comment-Bubbles-STOPS-Widget-http://loneeagle110.blogspot.com/-->

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

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

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


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

Θα εμφανίζεται κάπως έτσι....



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





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

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