Nwlapcug.com


Come creare un Gadget Sidebar per Blogger con rotazione del testo

Come creare un Gadget Sidebar per Blogger con rotazione del testo


Blogger.com è pubblicazione sito Web pulsante di Google. Gli utenti registrati di Blogger possono selezionare da una matrice di modelli prefabbricati e layout per creare un sito Web personalizzato con un URL "blogspot.com". Oltre a questi modelli e layout, Blogger offre agli utenti più di 20 "gadget" per personalizzare ulteriormente la loro pagina. Incluso in questi gadget è un'opzione di HTML/JavaScript, che è possibile utilizzare per creare una funzione di testo rotante.

Istruzioni

1

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

2

Fare clic sull'opzione "Elementi pagina" sotto l'etichetta di "Design". Decidere dove si desidera posizionare il vostro gadget con testo rotante. Blogger offre layout con fino a tre barre laterali, quindi, a seconda del formato che si utilizza, si può avere più opzioni.

3

Fare clic sul pulsante "Aggiungi un Gadget" nella parte superiore della barra laterale dove si desidera posizionare il gadget.

4

Scorrere l'elenco di opzioni del gadget nella finestra pop-up fino a trovare l'uno 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;}

< / stile >

< script type = "text/javascript" >

Window.onLoad=function() () {

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

document.getElementById('ran'+wch).style.display = 'inline';

}

< / script >

< id p = "Actarux" >

< span id = "ran1" > rotazione testo n. 1 va qui < / span >

< span id = "ran2" > rotazione testo n. 2 va qui < / span >

< span id = "ran3" > rotazione testo n. 3 va qui < / span >

< span id = "ran4" > rotazione 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, sarebbe opportuno eliminare "#ran3; #ran4" nella parte superiore del codice, eliminare i "< span id ="ran3"> rotazione testo #3 va qui < / span >" e "< span id ="ran4"> rotazione testo #4 va qui < / span >" linee nella parte inferiore e cambia il numero "4" a "2" dopo il codice "Math.floor(Math.random()." Per aggiungere ulteriori righe di testo rotante, è necessario aggiungere "#ran5" e così via fino a quando raggiunto "#ranX," dove "X" rappresenta il numero di righe di testo che si desidera avere in rotazione. Si dovrebbe anche aggiungere "< span id ="ran5"> rotazione testo #5 va qui < / span >" e così via finché non si raggiunge "< span id ="ranX"> rotazione testo #X GOES HERE < / span >," dove "X" rappresenta ancora il numero di righe di testo in rotazione. Infine, è possibile modificare il numero dopo "Math.floor(Math.random()" in base al numero totale di righe di testo in rotazione.

Consigli & Avvertenze

  • Questo tipo di rotazione gadget testo potrebbe essere utilizzato per una funzione di "Quote of the Day", per esempio.