Είναι ένα όμορφο 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-->
<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-->
.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. Πατήστε Προεπικόπηση να δείτε αν σας εμφανίζεται σωστά και αν είναι ολα οκ πατήστε Αποθήκευση.
Ελπίζω να σας άρεσε.
johnpatra
Γιάννη χρειάζομαι μια βοήθεια..Στο πρότυπο μου δεν υπάρχει πουθενά κώδικας
ΑπάντησηΔιαγραφή(<)h3 class='post-title entry-title'(>)
Τι κάνω για να προσθέσω τα "μπαλονάκια"?
Πού μπορώ να βρω και άλλες εικόνες; γιατί τα συγκεκριμένα "μπαλονάκια" δεν μου πολύ-αρέσουν !!!
ΑπάντησηΔιαγραφή