Cómo diseñar un cabezal giratorio para Blogger

Un blog de ​​cabecera puede actuar como el título de su página web Blogger.com. 

Rotación de diseño

Blogger - sitio web de publicación de Google pulsador - ofrece a los usuarios registrados de todas las herramientas que necesitan para crear un sitio web personalizado. Desde plantillas prefabricadas y diseños para una variedad de gadgets que se pueden agregar como elementos de la página, Blogger le permite crear, diseñar y publicar material a la web. Para aumentar el atractivo estético de su blog, usted puede crear un giro de cabeza para su blog a través de un gadget de Blogger y JavaScript.

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

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

Haga clic en "Añadir un gadget" en la parte superior de tu blog - donde el encabezado 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 de tu blog o pie de página - usted puede moverlo a la parte superior de tu blog más tarde.

Desplácese hacia abajo en la ventana pop-up hasta que aparezca el gadget llamado "HTML / JavaScript" y seleccione.

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

Tipo style = "text / css"

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

/ Estilo

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.

Cambie el código de JavaScript en el paso 5 para personalizar aún más su rotación de encabezado. Puede añadir tantas o tan pocas características rotatorias como usted tiene gusto cambiando tres elementos. La segunda línea del código tiene el paquete "# RAN3" en él, y si usted quiere añadir más elementos giratorios - cuatro, por ejemplo - que agregaría "# ran4" después. Si querías menos elementos - dos, por ejemplo - que le 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 el código giratorio. Si ha cambiado el número de elementos en la segunda línea de cuatro, 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, copie y pegue esta línea directamente debajo. Cambiar el número tres en el número cuatro. Si quieres borrar la tercera función giratoria, deberá copiar y borrar esa penú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.

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

estilo aimg = "float: center; margin: 0 0 10px 10px; cursor: pointer; cursor: hand, ancho: 400px; altura: 300px;" src = "http://samplepictureURLgoeshere.jpg" / / a

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