Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




2 Add a Comment button (Εικόνα αντί για φράση)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα (πλήκτρου), δίπλα στη φράση "δημοσίευση σχολίου", στο τέλος κάθε ανάρτησης μας...Πρώτα όμως, πρέπει να βρούμε την κατάλληλη εικόνα, που θα αντικαταστήσει τη φράση...
Ψάχνουμε λοιπόν στο Google => εικόνες, με τη φράση "comment button" η "comment image"...μόλις βρούμε αυτή που μας ταιριάζει, γράφουμε κάπου copy-paste το url της (διεύθυνση εικόνας), και συνεχίζουμε για να βρούμε σε ποιο σημείο του HTML, θα τη βάλουμε...


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


<a expr:href='data:post.addCommentUrl'


...αν δεν το βρείτε στο πρότυπό σας, δοκιμάστε να βρείτε τη φράση:


<data:postCommentMsg/>


...υπάρχουν περίπου 2-3 τέτοιες φράσεις, αλλά εσείς διαλέξτε την τελευταία....
Και ανάμεσα στη φράση  :  <data:postCommentMsg/> ΕΔΩ Η ΦΡΑΣΗ  </a>
εκεί που υπάρχει η κόκκινη φράση, βάλτε τον εξης κώδικα:


<img src=' ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ' style='border:0px'/>


...όπου βέβαια, θα αντικαταστήσετε τη διεύθυνση με το url της εικόνας...
οπότε θα δείχνει π.χ. κάπως έτσι  =>


<img src='http://1.bp.blogspot.com/--UxFJXKQYIw/TjMuRsUkb8I/AAAAAAAABtQ/GRsPTjabaeg/s1600/CommentButton.png' style='border:0px'/>


...κάντε μια ΠΡΟΕΠΙΣΚΟΠΙΣΗ, και αν όλα πάνε καλά, πατήστε ΑΠΟΘΗΚΕΥΣΗ...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!


Υ.Γ.
***Αν θέλετε να εμφανίζεται μόνον η εικόνα, χωρίς τη φράση "δημοσίευση σχολίου", θα πρέπει να σβήσετε τη φράση του κώδικα:  <data:postCommentMsg/>  


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

2 σχόλια:

ΙΡΙΣ ΣΙΟΝΑΚΙΔΟΥ είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Jennifer loop είπε...

thanks a lot, for sharing you can also check http://toolpic.com