Tecnología

Inicio

Cómo crear un gadget de barra lateral para Blogger con la rotación de texto

Cómo crear un gadget de barra lateral para Blogger con la rotación de texto


Blogger.com es la web de la publicación de botón de Google. los usuarios de Blogger registrados pueden elegir entre una gran variedad de plantillas prefabricadas y diseños para crear una página web personalizada con un "blogspot.com" URL. Además de estas plantillas y diseños, Blogger también ofrece a los usuarios más de 20 "aparatos" para personalizar aún más su página. Incluido en estos aparatos es una opción / HTML JavaScript, que se puede utilizar para crear una operación de texto de rotación.

Instrucciones

1 Haga clic en la pestaña "Diseño" en el interior del tablero de instrumentos de su cuenta de Blogger.com.

2 Haga clic en la opción "Elementos de página" debajo de la etiqueta de "Diseño". Decide dónde quieres colocar tu aparato con el texto en rotación. Blogger ofrece diseños con hasta tres barras laterales, por lo que dependiendo de la disposición que está utilizando, es posible que tenga múltiples opciones.

3 Haga clic en el botón "Añadir un gadget" en la parte superior de la barra lateral en la que desea colocar el gadget.

4 Desplazarse por la lista de opciones de gadgets en el cuadro emergente hasta que encuentre el llamado "HTML / Javascript". Haga clic en esta opción.

5 Pega este código en el cuadro de texto:

<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 ( 'corrió' + HBB) .style.display = 'inline';

}

</ Script>

<P id = "randomP">

<Span id = "RAN1"> ROTACIÓN DE TEXTO # 1 VA AQUÍ </ span>

<Span id = "RAN2"> ROTACIÓN DE TEXTO # 2 VA AQUÍ </ span>

<Span id = "RAN3"> ROTACIÓN DE TEXTO # 3 VA AQUÍ </ span>

<Span id = "ran4"> ROTACIÓN DE TEXTO # 4 VA AQUÍ </ span>

</ P>

6 Editar el código para personalizar el texto de su rotación. El código en el paso 6 es de cuatro líneas de texto. Durante dos líneas de texto que gira, que le eliminar "# RAN3; # ran4" en la parte superior del código, eliminar el "<span id =" RAN3 "> Rotor texto # 3 VA AQUÍ </ span>" y "<span id = "ran4"> ROTACIÓN dE TEXTO # 4 VA AQUÍ </ span> "líneas en la parte inferior y cambiar el número" 4 "a" 2 "después del código" Math.floor (Math.random () ". para agregar adicional líneas de texto de rotación, que añadirían "# RAN5" y así sucesivamente hasta que llegó a "#ranX", donde "X" representa el número de líneas de texto que desea tener en rotación. también debería añadir "<span id = "RAN5"> ROTACIÓN dE TEXTO # 5 VA AQUÍ </ span> "y así sucesivamente hasta que llegó a" <span id = "Ranx"> # X ROTACIÓN dE TEXTO va aquí </ span> ", donde" X "representa el número de nuevo de líneas de texto en rotación. por último, cambiar el número después de "Math.floor (Math.random ()" para que coincida con el número total de líneas de texto en rotación.

Consejos y advertencias

  • Este tipo de aparato de rotación de texto podría ser utilizado para una "Cita del Día", por ejemplo.