Come: Roll Over Immagini per Blogger

October 28

Se si desidera aggiungere una funzionalità dinamica al tuo sito Blogger, considerare la possibilità di immagini rollover per le vostre pagine. Un rollover è un quadro che cambia ad un'altra foto quando si posiziona il mouse su di esso, ed è l'ideale se si vuole creare un display accattivante per i tuoi visitatori. Utilizzando HyperText Markup Language (HTML), è possibile aggiungere il codice che pubblica le immagini di rollover al tuo blog.

istruzione

1 Accedi al tuo account Blogger, e fare clic sul pulsante "Nuovo messaggio". Fare clic sull'icona "Aggiungi Immagine" che appare nella parte superiore della casella di testo e seguire le istruzioni per caricare le due immagini che si desidera utilizzare per il rollover. Fare clic sulla scheda "Modifica HTML", quindi copiare gli indirizzi che visualizzano dopo il "<a href =" codici (per esempio, "http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/orginal_image.gif").

2 Fare clic sul link "Nuovo Messaggio" nella scheda "distacco", e inserire un titolo desiderato e il testo negli appositi spazi. Fare clic sulla scheda "Modifica HTML" per visualizzare la casella in cui inserire il codice.

3 Digitare il seguente codice HTML nella casella di testo:

<Img onmouseover = " 'immagine rollover' this.src =" onmouseout = "this.src = 'immagine originale'" />

4 Sostituire le due voci "immagine originale" nel codice con l'URL dell'immagine che si desidera visualizzare prima. Sostituire "immagine rollover" per l'URL della foto che viene visualizzato quando un visitatore si libra il suo mouse su di esso. Illustrare:

<img onmouseover="this.src='http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/rollover_image.gif' " onmouseout="this.src='http://4.bp.blogspot.com/-QLDvnt25gqQ/TjhPdrrbgbI/AAAAAAAAANo/U4k5dni1zMg/s1600/orginal_image.gif' "/>

5 Fare clic sul pulsante "Anteprima" per vedere come la grafica appare nel post, quindi fare clic sul pulsante "Pubblica post" per provare la funzione di ribaltamento.

Consigli e avvertenze

  • Per rendere rollover utilizzando immagini esistenti dal tuo blog, fai clic sull'immagine, quindi copiare l'URL visualizzato nella barra degli indirizzi del browser Web.