August 12
Blogger è un sito web gratuito che offre servizi di blogging a tutti coloro che desiderano iscriversi. Le immagini possono anche essere ospitato su Blogger, ma se si vuole un layout specializzato per le immagini si dovrà utilizzare un altro programma. Uno di questi programmi è ID, che permette ai lettori di vedere una serie di immagini in miniatura e fare clic su quelli che vogliono per ingrandire. Utilizzando ID permette anche il tuo blog per caricare più velocemente e può essere utilizzato senza hosting.
1 Accedi a Blogger e vai al tuo Dashboard.
2 Clicca su "Template" e selezionare "Modifica HTML".
3 Incollare il seguente linea nel meta-tag del codice HTML:
<link rel = "stylesheet" href = "css / lightbox.css" type = "text / css" media = "screen">
4 Scorrere 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? Carico = effetti"> </ script>
<Script type = "text / javascript" src = "js / lightbox.js"> </ script>
5 Clicca su "Salva modello" per salvare le modifiche.
6 Scrivere un post sul tuo blog che include un paio di foto. Non è necessario pubblicare necessariamente il post, si vuole solo utilizzare questo per controllare che le immagini diventeranno le miniature utilizzando ID.
7 Fare clic sulla scheda "Modifica HTML" sulla scatola post sul blog.
8 Trova il codice HTML per la prima immagine. Esso dovrebbe avere il <a> e </ a> tag intorno ad esso. Cancella tutto, da "<" tag a destra prima "href" e sostituirlo con questo: rel = "lightbox"
9 Salvare il post e l'anteprima per vedere se ha funzionato. Si può scegliere di pubblicare, se ti piace o salvarlo come bozza.