Come progettare una testata rotante per Blogger

March 25

Come progettare una testata rotante per Blogger


Blogger - Pulsante sito editoriale di Google - offre agli utenti registrati tutti gli strumenti necessari per creare un sito web personalizzato. Da modelli prefabbricati e layout ad una varietà di gadget è possibile aggiungere come elementi della pagina, Blogger consente di creare, progettare e pubblicare il materiale per il web. Per aumentare l'estetica del tuo blog, è possibile creare un colpo di testa rotante per il vostro blog utilizzando un gadget di Blogger e JavaScript.

istruzione

1 Fare clic sulla scheda "Design" sul cruscotto del tuo account Blogger.

2 Selezionare "Elementi pagina" dalla lista delle opzioni sotto la scheda "Design".

3 Clicca sul link "Aggiungi un gadget" nella parte superiore del tuo blog - in cui l'intestazione sarebbe andato. Se il layout del blog non ha il link "Aggiungi un gadget" qui, clicca sul link situato sulla barra laterale o piè di pagina del tuo blog - è possibile spostarla nella parte superiore del vostro blog in seguito.

4 Scorrere la finestra pop-up fino a vedere il gadget chiamato "HTML / JavaScript" e selezionare.

5 Digita il codice JavaScript nella casella di testo:

<Style type = "text / css">

ran1, # ran2, # ran3 {display: none;}

</ Style>

<Script type = "text / javascript">

window.onload = function () {

var = WCH (Math.floor (Math.random () * 3) +1);

document.getElementById ( 'corse' + WCH) .style.display = 'inline';

}

</ Script>

<P id = "randomP">

<Span id = "ran1"> TESTO DEL CAMPIONE # 1 </ span>

<Span id = "ran2"> TESTO DEL CAMPIONE # 2 </ span>

<Span id = "ran3"> TESTO DEL CAMPIONE # 3 </ span>

</ P>

Premere il pulsante Salva nella parte inferiore della finestra.

6 Modificare il codice JavaScript dal punto 5 al personalizzare ulteriormente il colpo di testa rotante. È possibile aggiungere tante o poche caratteristiche rotanti come ti piace cambiando tre elementi. La seconda riga del codice ha il pacco "# ran3" in esso; se si vuole aggiungere ulteriori elementi rotanti - quattro, per esempio - si potrebbe aggiungere "# ran4" in seguito. Se si voleva un minor numero di elementi - due, per esempio - si cancella "# ran3."

La sesta riga del codice ha il numero di tre (3) in essa, che riflette il numero di elementi rotanti nel codice. Se è stato modificato il numero di elementi della seconda linea a quattro, si avrebbe bisogno di cambiare il numero tre al numero quattro (4). Il numero in linea a sei deve corrispondere al numero di elementi in linea due.

L'ultima cosa che devi cambiare, al fine di regolare il numero di elementi, è il secondo all'ultima riga del codice. Se si desidera aggiungere più elementi, copiare questa linea e incollarlo direttamente sotto. Modificare il numero tre al numero quattro. Se si voleva cancellare il terzo film di rotazione, si dovrebbe copiare ed eliminare tale penultima riga. Anche in questo caso, il numero in quella penultima riga dovrebbe corrispondere i numeri nella seconda e sesta riga del codice.

7 Sostituire il testo di esempio nella vostra intestazione con immagini. Cancellare il "TESTO DEL CAMPIONE # 1" e sostituirlo con il codice HTML per una immagine, come ad esempio:

<a> <img style = "float: center; margin: 0 0 10px 10px; cursor: pointer; cursore: mano; width: 400px; height: 300px;" /> </a>

8 Fare clic sul gadget che avete appena creato e trascinarlo fino alla cima del tuo blog. Salvare le impostazioni facendo clic sul pulsante "Salva" in alto a destra dello schermo.