Blogger è un sito gratuito che offre servizi di blogging a tutti coloro che desiderano iscriversi. Immagini possono anche essere ospitati su Blogger, però se si desidera un layout specifici per le immagini si dovrà utilizzare un altro programma. Uno di questi programmi è Lightbox, che permette ai lettori di vedere una serie di immagini in miniatura e fare clic su quelli che vogliono ingrandire. Utilizzo di Lightbox inoltre permette il tuo blog caricare più velocemente e può essere utilizzato senza hosting.

Istruzioni

1

Accedi al Blogger e vai al tuo Dashboard.

2

Fare clic su "Template" e selezionare "Modifica HTML".

3

Il Meta tag del codice HTML, incollare la seguente riga:

< link rel = "stylesheet" href="css/lightbox.css" type = "text/css" media = "screen" >

4

Scorri fino alla sezione di intestazione del codice HTML e incolla questo in:

< script type = "text/javascript" src="js/prototype.js" >< / script >
< script type = "text/javascript" src="js/scriptaculous.js?load=effects" >< / script >
< script type = "text/javascript" src="js/lightbox.js" >< / script >

5

Fare clic su "Salva modello" per salvare le modifiche.

6

Scrivere un post sul tuo blog che include un paio di foto. Non devi necessariamente pubblicare il post, si desidera solo utilizzare questo per verificare che le immagini diventeranno le miniature utilizzando Lightbox.

7

Fare clic sulla scheda "Modifica HTML" sulla casella di post di blog.

8

Trovare il codice HTML per la prima foto. Dovrebbe avere il < a > e < /a > Tag intorno ad esso. Elimina tutto da "< un" tag a destra prima di "href" e sostituirlo con questo: rel = "lightbox"

9

Salvare il post e in anteprima per vedere se ha funzionato. Si può scegliere di pubblicare se ti piace o salvarlo come bozza.

Consigli & Avvertenze

• È una buona idea (anche se completamente facoltativo) per eseguire il backup il modello HTML prima di apportare eventuali modifiche. In questo modo, se fai qualcosa di sbagliato può sempre tornare al modello originale. Basta copiare e incollare il codice HTML in un elaboratore di testo come blocco note prima di apportare eventuali modifiche.