• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΔΙΑΜΟΡΦΩΝΩ ΤΟ LINK ΤΩΝ ΣΧΟΛΙΩΝ ΤΟΥ BLOGGER

comment-link
ΠΩΣ ΔΙΑΜΟΡΦΩΝΩ ΤΟ LINK ΤΩΝ ΣΧΟΛΙΩΝ ΤΟΥ BLOGGER
Μπορούμε με μία γραμμή κώδικα να διαμορφώσουμε το link που υπάρχει στο τέλος της ανάρτησης του blogger και μας λέει πόσα σχόλια έχουν γίνει μέχρι τώρα στην συγκεκριμένη ανάρτηση. Πηγαίνουμε στην επεξεργασία του προτύπου μας και πατάμε το πρώτο μάυρο βελάκι που θα συναντήσουμε περίπου στις γραμμές 13-30 για να φανερωθεί το κρυμμένο μέρος του κώδικα με τα μπλέ γράμματα. Πηγαίνουμε στην ενότητα /* Comments ---- */ και στο τέλος της ενότητας αυτής προσθέτουμε τον παρακάτω κώδικα, σώνουμε το πρότυπο και βλέπουμε το αποτέλεσμα.

.comment-link {background-color:#105105;font: 16px Arial;padding:4px;border-radius:5px;border: 1px solid #FFFF00;}

Μπορείτε να αλλάξετε το χρώμα backround αλλάζοντας τον κωδικό χρώματος #105105 με άλλον της αρεσκείας σας. Μπορείτε να αλλάξετε την γραμματοσειρά και το μέγεθός της αλλάζοντας το font: 16px Arial; Μπορείτε να μεγαλώσετε την εσωτερική απόσταση από τα γράμματα αυξάνωντας το padding:4px; Μπορείτε να αλλάξετε το στρογγύλεμα των γωνιών αλλάζοντας το border-radius:5px; και τέλος μπορείτε να αλλάξετε το πάχος και το χρώμα του περιγράμματος αλλάζοντας το border: 1px solid #FFFF00; 

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.