Come fare delle foto cliccabile per ingrandire in una Blogger

January 29

Come fare delle foto cliccabile per ingrandire in una Blogger


Google Blogger fornisce diversi modi per aggiungere contenuti ai blog. È possibile digitare il testo nell'editor di testo, modificare il codice HTML sui singoli messaggi e anche aggiornare il codice che gestisce l'intero modello di Blogger. Un modo veloce per sfruttare le funzionalità di editing HTML di Blogger è quello di aggiungere una foto cliccabile per un post di Blogger. Quando i visitatori del sito fa clic su un versione ridotta di un'immagine nel tuo post, proprio browser ridimensionare la foto e dare loro una visione più ampia.

istruzione

1 Avviare il browser e andare alla pagina di Blogger. Fare clic sul pulsante "Nuovo Messaggio" che appare accanto a uno dei tuoi blog. Il sito apre la pagina Nuovo titolo della pagina. Digitare un titolo per il tuo post nella casella di testo "Titolo" che appare sulla pagina.

2 Fare clic sul pulsante "Modifica HTML" e incollare il seguente codice nell'editor che appare sotto la casella di testo "Titolo":

<Img src = id "immagine1" = "Aggiungi URL IMMAGINE QUI" style = "Altezza: 20%; width: 20%;"

Questo codice crea un tag HTML "IMG". valore "id" del tag è "image1." Gli attributi altezza e larghezza hanno valori del 20 per cento. Questi valori impostati altezza iniziale dell'immagine. Questo è il sito dimensioni dell'immagine visitatori quando vedono il tuo post di Blogger. Cambiare "20%" per un valore diverso, se volete. ad esempio "50%". Sostituire "Aggiungi URL IMMAGINE QUI" con l'URL di una foto sul web che si desidera utilizzare.

3 Incollare il codice riportato di seguito dopo il codice elencato nel passaggio precedente:

onclick = "javascript:.. document.getElementById ( 'immagine 1') style.height = '100%'; document.getElementById ( 'immagine 1') style.width = '100%';" />

Questo codice HTML fa sì che l'immagine per ingrandire quando un utente fa clic sull'immagine. Fai clic su "Pubblica post", poi cliccare su "Visualizza messaggio." La tua foto compare nel post; clicca per ingrandire.

Consigli e avvertenze

  • Si noti che il valore per l'attributo id del IMG è "immagine1" in questo esempio. È possibile utilizzare qualsiasi nome a piacere per l'id. Se si cambia il nome, ricordarsi di cambiare ovunque nel codice. Sembra altre due volte nelle due dichiarazioni "document.getElementById".
  • Non è necessario per rendere il valore della immagine ingrandita "100%". Se si preferisce visualizzare un'immagine ingrandita più piccolo, sostituire "al 100%" con un altro valore, come ad esempio "80%".
  • Aggiungere il maggior numero di immagini cliccabili che vuoi a un post di Blogger. Dare ad ogni immagine un ID univoco.

Articoli Correlati