Τονίστε τους κώδικές σας με το Prettify


Όσοι blogger θέλετε να δείξετε ένα τμήμα κώδικα μέσα σε κάποιο άρθρο σας, μπορείτε να το κάνετε με το google-code-prettify. Μπορεί να αναγνωρίσει από μόνο του πολλούς κώδικες όπως HTML, CSS, JavaScript κλπ. και να τους χρωματίζει με πολύ ωραίο τρόπο. Είναι εύκολο στη χρήση και δεν καθυστερεί το blog σας.

Δείτε demo





Για να το εγκαταστήσουμε, από το αριστερό μενού του Blogger επιλέγουμε το [Πρότυπο] και [επεξεργασία HTML]

Με Ctrl + F αναζητούμε το </body> και ακριβώς από πάνω του επικολλούμε το:
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
Υπάρχουν και κάποια διαθέσιμα στυλ που μπορείτε να τα δείτε εδώ και εάν θέλετε να τα εγκαταστήσετε, αλλάξτε το παραπάνω ως εξής:
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?skin=ΟΝΟΜΑ_THEME"></script>

όπου ΟΝΟΜΑ_THEME βάλτε (μόνο με μικρά γράμματα) ένα από τα παρακάτω:
  • desert
  • sunburst
  • sons-of-obsidian
  • doxy

Πάμε τώρα στο άρθρο μας και στο σημείο που θέλουμε να τονίσουμε τον κώδικά μας, σε HTML προβολή, βάζουμε το class = "prettyprint" μέσα σε ένα pre ή code tag όπως το παράδειγμα:
<pre class="prettyprint">
ΚΩΔΙΚΑΣ
</pre>

Προσοχή τώρα και σε κάτι τελευταίο. Εάν όπου ΚΩΔΙΚΑΣ, επικολλήσετε τον κώδικά σας μέσα σε HTML μορφή, τότε θα γίνουν όλα μπάχαλο γιατί ο blogger θα τροποποιήσει αυτόν τον κώδικα σύμφωνα με τα δικά του δεδομένα. Οπότε πριν την επικόλληση του θα πρέπει να τον μετατρέψετε στην μορφή που θέλει ο blogger. Κάντε το εδώ.

Δείτε βοήθεια για το θέμα εδώ: Getting Started και FAQ

0 σχόλια:

Δικά μου

Larissakid

Χρησιμοποιώ