Το Lightbox είναι ένας πολύ cool τρόπος για να εμφανίζονται οι φωτογραφίες που ανεβάζουμε στα blogs με πιο όμορφο τρόπο, με μερικά απλά εφέ για να δείχνει ότι γράφουμε ένα πολύ professional blog και ξέρουμε καλά τα κόλπα του design. Για παράδειγμα όταν πατήσει κάποιος την επόμενη photo προβάλλεται πολύ πιο ωραία από ότι στα κοινά blogs και πως να το κάνουμε, η εμφάνιση παίζει μεγάλο ρόλο στις μέρες μας
.

Η εγκατάσταση του Lightbox για το wordpress είναι αρκετά εύκολη, με ένα απλό plugin έχεις καθαρίσει. Οι χρήστες του blogger όμως για να το εγκαταστήσουν θα πρέπει να τροποποιήσουν λίγο τον κώδικα του template τους. Οπότε θα πρέπει να ακολουθήσουν τα επόμενα βήματα:
Βήμα 1. Σώζουμε το ήδη υπάρχον template μας και σε περίπτωση που γίνει καμιά στραβή και γίνουν όλα σαλάτα να το έχουμε σαν backup. Για να σώσουμε το template πηγαίνουμε dashboard->Layout->edit HTML-> download Full template (screenshot 1)

Bήμα 2. Κάνουμε edit το template. Στην αρχή του template, πριν το head στο σημείο που φαίνεται στο screenshot 2 προσθέτουμε τον παρακάτω κώδικα
<script src='http://masseyhome.googlepages.com/prototype.js' type='text/javascript'></script>
<script src='http://masseyhome.googlepages.com/scriptaculous.js?load=effects' type='text/javascript'></script>
<script src='http://masseyhome.googlepages.com/lightbox.js' type='text/javascript'></script>
<link href='http://masseyhome.googlepages.com/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
Βήμα 3. Κάνουμε edit το post μας. Όταν φτιάχνουμε νέο post και ανεβάζουμε μια φωτογραφία, αφού την ανεβάσουμε πηγαίνουμε στο edit Html και επεξεργαζόμαστε ελάχιστα τον κώδικα που αναφέρεται στην photo. Συγκεκριμένα προσθέτουμε την εξής πρόταση rel=”lightbox[περιγραφή της εικόνας]” στο σημείο που φαίνεται στο screenshot3.

Δε τελειώσαμε όμως. Υπάρχει μία παράμετρος “-h” στα images που ανεβαίνουν στο blogger η οποία πρέπει να σβηστεί αλλιώς το lightbox δε πρόκειται να εμφανίσει την photo όσο και να περιμένεις. Οπότε πρέπει να σβήσουμε το “-h” από τον κώδικα του image όπως φαίνεται στο screenshot4.
Τώρα είμαστε έτοιμοι
. Για να φαίνονται οι photos των παλαιότερων post μας με αυτό τον τρόπο πρέπει να ακολουθήσουμε την διαδικασία του βήματος 3.