Επειδή τα σχόλια είναι πολύ σημαντικά σε μια ανάρτηση, μπορούμε να τα κάνουμε να φαίνονται με μια εικόνα και τον αριθμό τους δίπλα στον τίτλο της κάθε ανάρτησης !!!
Εικόνες σε όλα τα μεγέθη από "συννεφάκια διαλόγων" μπορείτε να βρείτε στο 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4GnWdjEgZyTBRkd0pV66TT_voW_6ckGzN3jV50k8lWtlnOV2vOtAsbeZasUgwlWXemi-OkQhr12NIqxUrKVv4UwhPAZFbJsSLQTKWF8WPZTEQoao9FiiKtkK-zxNZNx4ayP6tbWNeq0w/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)(ΠΑΤΗΣΤΕ ΣΤΗΝ ΕΙΚΟΝΑ ΝΑ ΑΝΟΙΞΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ...ΓΙΑ ΝΑ ΠΑΡΕΤΕ ΤΗ ΔΙΕΥΘΥΝΣΗ)
**ΣΑΣ ΒΑΖΩ ΚΑΙ ΜΕΡΙΚΑ BUTTONS ΓΙΑ BACKGROUND (NA ΑΛΛΑΞΕΤΕ ΤΟ background: url)(ΠΑΤΗΣΤΕ ΣΤΗΝ ΕΙΚΟΝΑ ΝΑ ΑΝΟΙΞΕΙ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ...ΓΙΑ ΝΑ ΠΑΡΕΤΕ ΤΗ ΔΙΕΥΘΥΝΣΗ)
dr-blogger.com
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου