Quando si crea una pagina statica in Blogger, imposta i link che mandano persone a quella pagina. Se avete una pagina di informazioni o una pagina di archivio, è possibile inserire i link sul tuo blog per dare ai visitatori al tuo sito alcune opzioni di navigazione. Se si desidera pulsanti per i link che evidenziare quando visitatori il mouse sopra di loro, è possibile modificare il codice HTML del tuo blog per aggiungere pulsanti e dare loro un effetto di evidenziazione.

Istruzioni

1

Sfoglia a Blogger.com e immettere il nome utente e la password. Cliccate sul link "Design" accanto al titolo del blog che si desidera modificare.

2

Tra le opzioni nella parte superiore della pagina appena sotto la riga di schede, fare clic su "Modifica HTML". Premere il tasto "Ctrl" e "F" tasti insieme, tipo "testa" e quindi premere "Invio". Questo vi porterà alla posizione nel codice HTML dove è possibile impostare lo stile per i pulsanti.

3

Immettere il seguente codice HTML nella sezione < HEAD > del codice del tuo blog:

< STYLE >

mettessimo {color: red; sfondo: blu;}

End {colore: giallo; background: green;}

< / stile >

4

Digitare il seguente codice di script sotto la sezione < STYLE >:

< SCRIPT LANGUAGE = "javascript" >

Function highlightButton(s) {se ("INPUT"==event.srcElement.tagName) event.srcElement.className=s}

< / SCRIPT >

5

Spostare nella posizione dove si desidera che i pulsanti della pagina da visualizzare. Questo sarà probabilmente nella sezione < BODY > del tuo blog. Digitare il seguente codice:

< nome modulo = evidenziare onMouseover="highlightButton('start')" onMouseout="highlightButton('end')" >< INPUT TYPE = "button" VALUE = "Nome del pulsante" onClick="location.href='& lt; / FORM" > http://yourblog.blogspot.com/page'"> & lt; / FORM >

6

Immettere un codice del pulsante per ogni pulsante della pagina che si desidera creare sul tuo blog. Sostituire il testo "Nome del pulsante" e il collegamento ipertestuale dall'esempio dato con attributi personalizzati. Fare clic su "Salva modello" quando hai apportato le modifiche desiderate e le modifiche andrà in diretta al tuo blog.

Consigli & Avvertenze

• Oltre a definire il colore del pulsante con il blocco < STYLE >, è anche possibile aggiungere altri elementi di stile quali dimensione del carattere e la famiglia di caratteri utilizzando il codice HTML appropriato.
• Il colore di < STYLE > possa essere inserito anche utilizzando codice esadecimale, ad esempio "#FBEC5D".