Come creare un gadget Sidebar per Blogger con la rotazione di testo

November 1

Come creare un gadget Sidebar per Blogger con la rotazione di testo


Blogger.com è il sito web publishing pulsante di Google. utenti di Blogger registrati possono scegliere tra una vasta gamma di modelli prefabbricati e layout per creare un sito web personalizzato con un "blogspot.com" URL. Oltre a questi modelli e layout, Blogger offre inoltre agli utenti più di 20 "gadget" per personalizzare ulteriormente la loro pagina. Incluso in questi gadget è un / opzione HTML JavaScript, che è possibile utilizzare per creare una funzione di testo di rotazione.

istruzione

1 Fare clic sulla scheda "Design" all'interno del cruscotto del tuo account Blogger.com.

2 Fare clic sull'opzione "Elementi pagina" sotto il tag "Design". Decidere dove si desidera inserire il vostro gadget con testo rotante. Blogger offre layout con un massimo di tre barre laterali, quindi, a seconda del layout che si sta utilizzando, si può avere più opzioni.

3 Fare clic sul pulsante "Aggiungi un gadget" nella parte superiore della barra laterale in cui si desidera posizionare il gadget.

4 Scorrere l'elenco dei gadget nella finestra pop-up fino a trovare quello chiamato "HTML / JavaScript." Fare clic su questa opzione.

5 Incolla questo codice nella casella di testo:

<Style type = "text / css">

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

</ Style>

<Script type = "text / javascript">

window.onload = function () {

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

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

}

</ Script>

<P id = "randomP">

<Span id = "ran1"> ROTANTE TESTO # 1 VA QUI </ span>

<Span id = "ran2"> ROTAZIONE TESTO # 2 VA QUI </ span>

<Span id = "ran3"> ROTAZIONE TESTO # 3 VA QUI </ span>

<Span id = "ran4"> ROTANTE TESTO # 4 VA QUI </ span>

</ P>

6 Modificare il codice per personalizzare il testo rotante. Il codice nel passaggio 6 è per quattro righe di testo. Per due righe di testo di rotazione, si dovrebbe eliminare "# ran3; # ran4" nella parte superiore del codice, eliminare il "<span id =" ran3 "> Rotazione di un testo # 3 VA QUI </ span>" e "<span id = "ran4"> ROTANTE TESTO # 4 VA QUI </ span> "linee in basso e cambiare il numero" 4 "a" 2 "dopo il codice" Math.floor (Math.random () ". per aggiungere ulteriori righe di testo di rotazione, si dovrebbe aggiungere "# ran5" e così via fino a quando avete raggiunto "#ranX", dove "X" rappresenta il numero di righe di testo che si desidera avere in rotazione. si potrebbe anche aggiungere "<span id = "ran5"> ROTAZIONE TESTO # 5 VA QUI </ span> "e così via fino a quando non raggiunto" <span id = "Ranx"> ROTAZIONE TESTO # X va qui </ span> ", dove" X "rappresenta ancora una volta il numero di righe di testo in rotazione. Infine, modificare il numero dopo "Math.floor (Math.random ()" in base al numero totale di righe di testo in rotazione.

Consigli e avvertenze

  • Questo tipo di rotazione gadget il testo potrebbe essere utilizzato per un "Citazione del giorno" caratteristica, per esempio.