Tecnología

Inicio

Cómo hacer un botón Resaltar la página en Blogger

December 2

Cómo hacer un botón Resaltar la página en Blogger


Cuando se crea una página estática en Blogger, en ella se establece enlaces que remitan a la gente a esa página. Si usted tiene una página o una página Acerca de tienda, se pueden colocar los enlaces en tu blog para dar a los visitantes a su sitio algunas opciones de navegación. Si desea botones para los enlaces que ponen de relieve cuando el ratón visitantes sobre ellos, puede editar el código HTML de tu blog para añadir botones y darles un efecto de relieve.

Instrucciones

1 Vaya a Blogger.com e introduzca su nombre de usuario y la contraseña de la cuenta de Google. Haga clic en el enlace "Diseño" junto al título del blog que desea editar.

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

3 Introduzca el siguiente código HTML dentro de la sección <HEAD> del código de su blog:

<STYLE>

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

.end {color: amarillo; fondo: green;}

</ Style>

4 Escriba el siguiente código de script debajo de la sección <STYLE>:

<Script language = "javascript">

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

</ Script>

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

<Form name = destacado onMouseover = "highlightButton (" inicio ")" onmouseout = "highlightButton (" fin ")"> <INPUT TYPE = "botón" VALUE = "Nombre del botón" onclick = "location.href = '& lt; / FORMA "> http://yourblog.blogspot.com/page '"> & lt; / FORM>

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

Consejos y advertencias

  • Además de definir el color del botón con la etiqueta <STYLE> bloque, también se pueden agregar otros elementos de estilo, como el tamaño de fuente y familia de fuentes utilizando el código HTML correspondiente.
  • La <STYLE> color también se puede introducir utilizando un código hexadecimal como "# FBEC5D".