Come fare un evidenziare il pulsante Pagina in Blogger

October 25

Come fare un evidenziare il pulsante Pagina in Blogger


Quando si crea una pagina statica in Blogger, esso imposta link che inviano le persone a quella pagina. Se si dispone di una pagina Chi o una pagina Store, è possibile inserire i link sul tuo blog per dare ai visitatori del tuo sito alcune opzioni di navigazione. Se si desidera che i pulsanti per i collegamenti che mettono in risalto quando i visitatori del mouse su di essi, è possibile modificare il codice HTML del tuo blog per aggiungere pulsanti e dare loro un effetto di evidenziazione.

istruzione

1 Individuare Blogger.com e inserire il proprio nome utente e la password dell'account Google. Clicca sul link "Design" accanto al titolo del blog che si desidera modificare.

2 Fai clic su "Modifica HTML" dalle opzioni nella parte superiore della pagina appena sotto la fila di schede. Premere i tasti "F" insieme, tipo "testa" "Ctrl" e quindi premere "Invio". Questo vi porterà alla posizione nel codice HTML in cui è possibile impostare lo stile per i pulsanti.

3 Inserire il seguente codice HTML all'interno della sezione <HEAD> del codice del tuo blog:

<Style>

.start {color: red; sfondo: blu;}

.end {color: yellow; sfondo: verde;}

</ Style>

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

<SCRIPT LANGUAGE = 'javascript'>

Funzione highlightButton (s) {if ( "INPUT" == event.srcElement.tagName) event.srcElement.className = s}

</ SCRIPT>

5 Passare alla posizione in cui si desidera visualizzare i pulsanti della pagina. Questo sarà probabilmente nella sezione <BODY> del tuo blog. Digitare il seguente codice:

<FORM NAME = highlight onMouseOver = "highlightButton ( 'start')" onmouseout = "highlightButton ( 'fine')"> <INPUT TYPE = "button" value = "Nome pulsante" onclick = "location.href = '& lt; / FORM "> http://yourblog.blogspot.com/page '"> & lt; / FORM>

6 Inserire un codice tasto per ogni pulsante pagina che si desidera creare sul tuo blog. Sostituire il testo "Nome pulsante" e il collegamento ipertestuale da l'esempio dato con i propri attributi. Fai clic su "Salva modello" quando hai finito l'editing e le modifiche diverranno attive al tuo blog.

Consigli e avvertenze

  • Oltre a definire il colore del pulsante con il <STYLE> blocco, è possibile anche aggiungere altri elementi di stile, come la dimensione del carattere e la famiglia di font utilizzando il codice HTML appropriato.
  • <Style> colore può anche essere inserito utilizzando il codice esadecimale, come "# FBEC5D".