Ads 468x60px

Δευτέρα, 13 Ιανουαρίου 2014

Number Comments On Blogger

Φίλες και φίλοι γεια σας, σήμερα θα δούμε έναν ακόμη τρόπο το πως μπορούμε
να αλλάξουμε τον κοινό τρόπο εμφάνισης των σχολίων που γίνονται κάτω από
τις αναρτήσεις του blog μας!Με αυτόν τον τρόπο που γίνεται με CSS code θα
βλέπουμε πάνω δεξιά από κάθε σχόλιο την αρίθμηση του!!





Δείτε εδώ το DEMO


Για να το εγκαταστήσετε και εσείς ακολουθήστε τα εξής βήματα..
 
Θα πρέπει πρώτα να εγκαταστήσουμε τον κώδικα  CSS και για να γίνει
αυτό

κάνετε Αντιγραφή τον πάρα κάτω κώδικα: 
..............................................................................................................................................................
/**Numbered Comments By http://www.spiceupyourblog.com **/
.comments ol {
counter-reset: trackit;
}

.comments ol li {
counter-increment: trackit;
}

.comments ol li:before {
content: counters(trackit, ".");
font-size: 3.5rem;
color: rgba(0, 0, 0, 0.16);
right: 0.3em;
position: absolute;
padding: .2em 0 0 0;
text-shadow:1px 1px 1px white
}
.comment .comment-content{max-width:85%;}
/**Numbered Comments By http://www.spiceupyourblog.com **/
...............................................................................................................................................................
 
και για να τον επικολλήσετε 

 Πηγαίνετε blogger-->Πρότυπο--->Προσαρμογή

και ακολουθήστε τον εικονογραφημένο οδηγό...
 
 





 


Μόλις σας βγάλει ειδοποίηση ό,τι έγινε η εφαρμογή προτύπου και Αποθηκεύτηκε
είστε έτοιμοι!Αυτό ήταν!! 

Καλή επιτυχία!!! 

Πηγή κώδικα 
thanks to spiceupyourblog.com



 Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog