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

buzz this
Τι λέτε να εμφανίσετε τα σχόλια των αναρτήσεων σας μέσα σ' ένα "μπαλονάκι"?
Είναι ένα όμορφο 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. Πατήστε Προεπικόπηση να δείτε αν σας εμφανίζεται σωστά και αν είναι ολα οκ πατήστε Αποθήκευση.
Twitter Delicious Facebook Digg Stumbleupon Favorites More

0 Σχόλια:

Δημοσίευση σχολίου

Αρχική Σελίδα | Facebook Σελίδα | Γίνε Συντάκτης | Blogger Tricks | Δωρεάν Υλικό | Υπηρεσίες | Διαφήμιση | Αρχείο | Επικοινωνία | Όροι Χρήσης
Copyright iks-Team.com | Blogger Tips & Tricks. All rights reserved. Άδεια Creative Commons