5 ΑΡΙΘΜΟΣ ΣΧΟΛΙΩΝ ΔΙΠΛΑ ΣΤΟ ΤΙΤΛΟ ΤΗΣ ΑΝΑΡΤΗΣΗΣ

Νέοι bloggers γεια σας !!! Επειδή τα σχόλια είναι πολύ σημαντικά σε μια ανάρτηση, μπορούμε να τα κάνουμε να φαίνονται με μια εικόνα και τον αριθμό τους δίπλα στον τίτλο της κάθε ανάρτησης !!!
Εικόνες σε όλα τα μεγέθη από "συννεφάκια διαλόγων" μπορείτε να βρείτε στο google-εικόνες, βάζοντας τίτλο αναζήτησης: COMMENT-BUBBLES.


Αφού λοιπόν έχουμε ανεβάσει τα εικονίδια και έχουμε πάρει και αποθηκεύσει τις διευθύνσεις τους (direct links), σε ένα σημειωματάριο, συνδεόμαστε με τον Blogger, και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το

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

...και αμέσως ΚΑΤΩ ΑΠΟ ΑΥΤΟ, επικολλάμε τον κώδικα:

<!--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-->

...Tώρα βρείτε τη φράση :  </head>

...και αμέσως ΠΑΝΩ  ΑΠΟ ΑΥΤΗ επικολλάμε τον κώδικα:

<!--COMMENT-BUBBLES-STARTS--><style type='text/css'>

.comment-bubble {

float: right;

background: url(http://1.bp.blogspot.com/-J1pGV7_IipU/TiP-Cg7eEtI/AAAAAAAABk0/b_8qIxBmzYs/s1600/%25CF%2583%25CF%2587%25CE%25BF%25CE%25BB%25CE%25B9%25CE%25B1+5.gif) no-repeat;

width: 45px;
height: 50px;

font-size: 8px;
margin-top: 0px;
margin-right: -14px;
text-align: center;

}

</style><!--COMMENT-BUBBLES-STOPS-->

...Αλλάξτε το URL (διεύθυνση) της εικόνας που θα βάλετε εσείς, και τις τιμές width: και height: κλπ. που ταιριάζουν στο blog σας, βλέποντας πως εμφανίζονται, πατώντας ΠΡΟΕΠΙΣΚΟΠΙΣΗ....
(Αν θέλετε βάζετε τη φωτό και διαστάσεις από το δικό μου κώδικα)

Κάντε ΑΠΟΘΗΚΕΥΣΗ μόλις δείτε ότι το πετύχατε όπως θέλετε ...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!

**ΠΡΟΣΟΧΗ: ΑΝ ΑΛΛΑΞΕΤΕ ΕΙΚΟΝΑ, (ΑΠΟ ΑΥΤΗ ΠΟΥ ΣΑΣ ΔΙΝΩ ΜΕΣΑ ΣΤΟΝ ΚΩΔΙΚΑ) ΠΡΕΠΕΙ ΟΠΩΣΔΗΠΟΤΕ ΝΑ ΑΛΛΑΞΕΤΕ ΚΑΙ ΤΙΣ ΔΙΑΣΤΑΣΕΙΣ ΟΠΩΣ ΓΡΑΦΩ ΠΙΟ ΠΑΝΩ !!!
**ΣΑΣ ΒΑΖΩ ΚΑΙ ΜΕΡΙΚΑ BUTTONS ΓΙΑ BACKGROUND (NA ΑΛΛΑΞΕΤΕ ΤΟ background: url)(ΠΑΤΗΣΤΕ ΣΤΗΝ ΕΙΚΟΝΑ ΝΑ ΑΝΟΙΞΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ...ΓΙΑ ΝΑ ΠΑΡΕΤΕ ΤΗ ΔΙΕΥΘΥΝΣΗ)

{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}