Come ottenere Lightbox integrato in Blogger

August 7

La gente usa Blogger per creare blog liberi su quasi ogni argomento. La piattaforma di blogging gratuita è estremamente flessibile e consente molte modifiche non disponibili su altri siti web. Una tale modifica è l'integrazione di ID nel tuo blog di Blogger. ID è l'effetto speciale che oscura un browser web e visualizza l'immagine in un box luminoso al centro dello schermo. Per ottenere Lightbox integrato in Blogger, è necessario utilizzare una versione hosted di file JavaScript che consentono l'effetto ID.

istruzione

1 Accedi al tuo account Blogger.

2 Clicca sul link "Layout" a fianco le informazioni del profilo.

3 Fare clic sul link "Modifica HTML" al di sotto delle schede di navigazione.

4 Scorrere il codice HTML nel riquadro centrale e individuare il "</ style>" tag e il tag "</ head>".

5 Copiare e incollare le seguenti righe di codice tra i due tag HTML:

<Link href = "http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css" media = "screen" rel = "stylesheet" type = "text / css" />

<Script type = "text / javascript" />

<Script type = "text / javascript" />

<Script type = "text / javascript" />

6 Fare clic sul pulsante "Salva modello".

7 Fare clic sulla scheda "distacco" per creare un nuovo post di Blogger.

8 Fare clic sul pulsante "Inserisci immagine" nella barra degli strumenti post editor.

9 Selezionare una o più immagini dal tuo computer o una fonte online, quindi fare clic sul pulsante "Carica immagine".

10 Fare clic sulla scheda "Modifica HTML" direttamente sopra il riquadro di entrata posta.

11 Individuare la sezione del codice HTML che dice "<a href = ..." senza le virgolette.

12 Tipo "rel =" lightbox "con le virgolette intorno a" ID ", ma non prima" rel "tra la" a "e la" href "nel" <a href = ... "tag HTML. Questo deve essere ripetuto per ogni immagine che si includono nel post.

13 Fai clic su "Pubblica post" per ottenere Lightbox integrato nel post di Blogger.

Consigli e avvertenze

  • Immagini più larghe di 800 pixel o più alta di 600 pixel possono causare lo scorrimento problemi.