Cómo hacer una página Botón Resaltar en Blogger

Comparte tus aventuras y desengaños a través de un blog. 

Botón de relieve

Cuando se crea una página estática en Blogger, establece enlaces que envían gente a esa página. Si usted tiene una página Sobre o una página de la tienda, puede colocar los enlaces en su blog para dar a los visitantes a su sitio algunas de las opciones de navegación. Si desea botones para los vínculos que resaltan cuando los visitantes del ratón sobre ellas, puede editar el código HTML de tu blog para añadir botones y darles un destacado efecto.

Navegar a Blogger.com y escriba su nombre de usuario de cuenta y contraseña de Google. Haga clic en el enlace de "Design" junto al título del blog que desea editar.

Haga clic en "Editar HTML" de las opciones en la parte superior de la página debajo de la fila de pestañas. Pulse las teclas "F" "Ctrl" y juntos, tipo "cabeza" y luego presionar "Enter". Esto le llevará a la ubicación en el código HTML que puede configurar el estilo de los botones.

Escriba el siguiente código HTML dentro de la sección HEAD del código de su blog:

ESTILO

. Inicio {color: red; fondo: blue;}

. End {color: amarillo, fondo: green;}

/ STYLE

Escriba el siguiente código de script por debajo de la sección Estilo:

SCRIPT LANGUAGE = "javascript"

función highlightButton (s) {if ("INPUT" == event.srcElement.tagName) event.srcElement.className = s}

/ SCRIPT

Vaya a la ubicación en la que desea que los botones de página que aparezcan. Esto probablemente será en la sección BODY de tu blog. Escriba el siguiente código:

Forma nombre = culminante onMouseover = "highlightButton ('start')" onMouseout = "highlightButton ('end')" INPUT TYPE = VALUE "botón" = "Nombre del botón" onClick = "location.href = 'http://yourblog. blogspot.com / página '"/ FORM

Introduzca un botón de código de cada página de botón que desea crear en su blog. Reemplace el texto "Nombre Button" y un hipervínculo desde el ejemplo con sus propios atributos. Haga clic en "Guardar plantilla" cuando haya terminado la edición y los cambios se irán directo a tu blog.

Consejos y advertencias

Además de definir el color del botón con el bloque STYLE, también puede agregar otros elementos de estilo como el tamaño de la fuente y familia de fuentes utilizando el código HTML correspondiente.

El color y estilo puede introducirse también mediante código hexadecimal, como "# FBEC5D".