Μπαλονάκι με τα σχόλια κάθε ανάρτησης

Μπαλονάκι με τα σχόλια κάθε ανάρτησης

PrintPDF Τι λέτε να εμφανίσετε τα σχόλια των αναρτήσεων σας μέσα σ' ένα "μπαλονάκι"?
Είναι ένα όμορφο hack που θα σας διευκολύνει πολύ στο να βλέπετε τα σχόλια των αναρτήσεών σας.

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



1. Σύνδεση στον λογαριασμό σας
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. και πριν από τον παραπάνω κωδικό προσθέτουμε το

<!--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" βάλτε το λινκ της εικόνας της αρεσκείας σας.

Να μερικά εικονίδια που βρήκα από το Loneeagle:

 9. Πατήστε Προεπικόπηση να δείτε αν σας εμφανίζεται σωστά και αν είναι ολα οκ πατήστε Αποθήκευση.

Ελπίζω να σας άρεσε.