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

Τι λέτε να εμφανίσετε τα σχόλια των αναρτήσεων σας μέσα σ’ ένα «μπαλονάκι»?
Είναι ένα όμορφο 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» βάλτε το λινκ της εικόνας της αρεσκείας σας.

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

Posted on 21 Σεπτεμβρίου, 2010, in Help for Bloggers. Bookmark the permalink. Σχολιάστε.

Σχολιάστε