Colocar un Botón en tu Blog
Bueno en esta entrada explicare como poner un botón en el Blog, para que cuando den clic en el los dirija a una página deseada.
Poner botones en el Blog con codigo HTML es muy fácil solo sigue estos pasos.
1.- En una entrada ya sea nueva o vieja entra en modo de edición.
2.- Presiona el botón de Edición de HTML y pega el siguiente código.
Solo debe cambiar "URL DEL SITIO WEB" por la dirección url del sitio web al que desea que lleve el botón, #FFFFFF debe cambiarlo por el código HTML del color del fondo del botón y #000000 debe reemplazarlo por el código HTML del color que llevará el texto del botón, "TEXTO DEL BOTÓN" debe cambiarlo por el texto que se mostrará en el botón, por ejemplo, puede ser el titulo de la pagina web, u otro.
Si desean pueden utilizar una Tabla de Colores HTML , para obtener el código HTML del color de su agrado.
Otro tipo de Botón sencillo seria con el siguiente código:
Ahora, como en el anterior modificamos la "URL DEL SITIO WEB" por la dirección url del sitio web al que desea que lleve el botón y donde dice: "TEXTO DEL BOTÓN" lo cambiamos por el texto que se mostrará en el botón.
Nota: Si quieren que no nos mande a otra página, osea que cuando pulsemos en el botón nos mande a la dirección pero en esta misma página solo borramos de los códigos anteriores donde dice: target="_blank"
También lo podemos utilizar en un Gadget de HTML/Javascript, para esto debe ir a la página de "Diseño", luego a la pestaña de "Edición de HTML" y "Añadir un gadget", seleccione la opción "HTML/Javascript", pegue el código y haga clic en "Guardar".
También lo podemos utilizar en un Gadget de HTML/Javascript, para esto debe ir a la página de "Diseño", luego a la pestaña de "Edición de HTML" y "Añadir un gadget", seleccione la opción "HTML/Javascript", pegue el código y haga clic en "Guardar".
Nota: Para centrar el botón, solo introducimos antes el siguiente código:
Eso seria todo, se agraden sus comentarios, espero les sea útil.
<center>
jueves, abril 05, 2012
|
Etiquetas:
Blogger
,
HTML
,
Tutoriales
|
1 comentarios :
Wow gracias hermano me a quedado de maravilla,justo el botón que andaba buscando. Felicidades por tu Blog esta al 100.
Publicar un comentario
Comenta, es gratis! :D