Μπαλονάκι με τα σχόλια των αναρτήσεων

Σε αυτήν την ανάρτηση θα μάθεις για το πως να βάλεις τα σχόλια τω αναρτήσεων σου μέσα σε ένα ωραίο μπαλονάκι, το οποίο και θα σε διευκολύνει στο να βλέπεις τα σχόλια των αναρτήσεων σου αλλά και θα αποδώσει στο Blog σου την ομορφιά που του αξίζει. Είναι πραγματικά ένα από τα πιο ωραία και χρήσιμα Template Hacks για Blogs.

Για να το εφαρμόσετε, ακολουθήστε με προσοχή τα παρακάτω βήματα:

1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Επέκταση προτύπων γραφικών στοιχείων
5) Με τη βοήθεια του CTRL + F βρες τον παρακάτω κώδικα:

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

6) Μόλις το βρούμε, ακριβώς απο κάτω βάζουμε τον παρακάτω κώδικα:

<!--COMMENT-BUBBLES-STARTS--->
<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--->

7) Στην συνέχεια με την βοήθεια του CTRL + F (ξανά), βρες το:

</head>

8) Πάνω από το </head> προσθέτουμε τον παρακάτω κώδικα:

<!--COMMENT-BUBBLES-STARTS--><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-->

Εκεί που γράφει  "image direct link" βάλτε το Link της εικόνας της αρεσκείας σας