Cómo crear un gadget de Sidebar de Blogger con la rotación de texto

Conocimientos básicos de JavaScript es necesario para personalizar la rotación de texto gadgets en Blogger ..

crear sidebar

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

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

Haga clic en la opción "Elementos de página" debajo de la etiqueta de "Diseño". Decida dónde desea colocar el aparato con la rotación de texto. Blogger ofrece diseños con hasta tres barras laterales, por lo que dependiendo de la distribución que esté utilizando, es posible que tenga varias opciones.

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

Desplácese por la lista de opciones de gadgets en el cuadro de pop-up hasta que encuentre el que es llamado "HTML / JavaScript". Haga clic en esta opción.

Pega el código en el cuadro de texto:

Tipo style = "text / css"

# RAN1, # ran2, # RAN3, # ran4 {display: none;}

/ Estilo

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" ROTATING TEXTO # 1 VA AQUÍ / span

span id = "ran2" ROTATING TEXTO # 2 VA AQUÍ / span

span id = "RAN3" ROTATING TEXTO # 3 VA AQUÍ / span

span id = "ran4" ROTATING TEXTO # 4 VA AQUÍ / span

/ P

Modifique el código para personalizar el texto de su rotación. El código en el paso 6 es para cuatro líneas de texto. Durante dos líneas de rotación de texto, debe eliminar "# RAN3; # ran4" en la parte superior del código, eliminar el "span id =" RAN3 "ROTATING TEXTO # 3 va aquí / span" y "span id =" ran4 " ROTACIÓN DE TEXTO # 4 VA AQUÍ "líneas en la parte inferior y cambiar el número" / span 4 "a" 2 "después del código" Math.floor (Math.random (). "Para agregar líneas adicionales de rotación de texto, deberá añadir "# RAN5" y así sucesivamente, hasta que llegó a "# Ranx", donde "X" representa el número de líneas de texto que desea tener en la rotación. Usted también añadir "span id =" RAN5 "ROTATING TEXTO # 5 VA AQUÍ / span "y así sucesivamente, hasta que llegó a" span id = "Ranx" ROTATING TEXTO # X VA AQUÍ / span ", donde" X "de nuevo representa el número de líneas de texto en la rotación. Finalmente, cambie el número después de" Math. piso (Math.random () "para que coincida con el número total de líneas de texto en la rotación.

Consejos y advertencias

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