Tecnología

Inicio

Cómo diseñar un encabezado de rotación para Blogger

Cómo diseñar un encabezado de rotación para Blogger


Blogger - pulsador sitio web de publicación de Google - ofrece a los usuarios registrados todas las herramientas que necesitan para crear un sitio web personalizado. A partir de plantillas prefabricadas y diseños para una variedad de aparatos se puede añadir al menos los elementos de página, Blogger le permite construir, diseñar y publicar material a la web. Para aumentar el atractivo estético de su blog, puede crear un encabezado de rotación para su blog a través de un aparato de Blogger y JavaScript.

Instrucciones

1 Haga clic en la pestaña "Diseño" en el salpicadero de su cuenta de Blogger.

2 Seleccione "Elementos de página" de la lista de opciones debajo de la pestaña "Diseño".

3 Haga clic en el enlace "Añadir un gadget" en la parte superior de tu blog - donde la cabecera iría. Si el diseño de su blog no tiene el enlace "Añadir un gadget" aquí, haga clic en el enlace situado en la barra lateral o pie de página de su blog - usted puede moverlo a la parte superior de tu blog más tarde.

4 Desplazarse por la ventana pop-up hasta que vea el dispositivo llamado "HTML / Javascript" y seleccione.

5 Escriba el código JavaScript en el cuadro de texto:

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

}

</ Script>

<P id = "randomP">

<Span id = "RAN1"> texto de ejemplo # 1 </ span>

<Span id = "RAN2"> texto de ejemplo # 2 </ span>

<Span id = "RAN3"> texto de ejemplo # 3 </ span>

</ P>

Pulse el botón Guardar en la parte inferior de la ventana.

6 Cambiar el código JavaScript desde el paso 5 para personalizar aún más su cabecera en rotación. Puede añadir tantas o tan pocas características que giran a su gusto cambiando tres elementos. La segunda línea del código tiene el paquete "# RAN3" en ella; si usted quiere añadir más elementos giratorios - cuatro, por ejemplo -, deberá añadir "# ran4" después. Si quería un menor número de elementos - dos, por ejemplo -, deberá eliminar "# RAN3."

La sexta línea del código tiene el número de tres (3) en ella, lo que refleja el número de elementos en rotación en el código. Si ha cambiado el número de elementos en la segunda línea de cuatro, lo que se necesita para cambiar el número tres y el número cuatro (4). El número en línea de seis debe coincidir con el número de elementos en la línea dos.

La última cosa que necesita cambiar, con el fin de ajustar el número de elementos, es la segunda a la última línea del código. Si desea agregar más elementos, copiar esta línea y pegarlo directamente debajo. Cambiar el número tres al número cuatro. Si quisieras borrar la tercera función de la rotación, deberá copiar y borrar esa segunda a la última línea. Una vez más, el número de la segunda a la última línea debe coincidir con los números en la segunda y la sexta línea del código.

7 Sustituir el texto de la muestra en su cabecera con imágenes. Borrar el "texto de ejemplo # 1" y sustituirlo por el código HTML para una imagen, como por ejemplo:

<a> <img style = "float: center; margin: 0 0 10px 10px; cursor: puntero; cursor: mano; ancho: 400px; altura: 300px;" /> </a>

8 Haga clic en el dispositivo que acaba de crear y arrastrarlo a la parte superior de tu blog. Guardar la configuración haciendo clic en el botón "Guardar" en la parte superior derecha de la pantalla.