BOTONES PARA TU BLOG
Un botón en un blog te puede dar un abanico infito para personalizar tu blog; un primer uso que le podemos dar es por ejemplo redirigir al visitante a una página anterior.
Insertamos el botón donde queramos en el post, arriba abajo sobre gustos no hay nada escrito......utilizando la función de inserción de imagenes en el post, una vez realizada esta operación de el la opción redactar nos dirigimos a la pestaña edición html, mirar el siguiente gráfico para guiaros
Prosigamos en edición html, vereis que la imagen se corresponde a un código bastante largo, seleccionarlo y copiarlo, como ejemplo el primer botón azul que os dejo se corresponde al código
<(((((((a onblur="try {parent.deselectBloggerImageGracefully();} catch(e){}"href="http://bp0.blogger.com/_7zVmU7DEHNg/ RdGHk6iqncI/AAAAAAAAAbk/vvreI9i2McM/s1600-h/botonazul2.gif">
(acordaros de los parentesis quitarlos siempre si utilizais los código aunque este no sea el caso)os lo dejo para que os vayais familiarizando.
Código para insetar el botón que redirija hacia una nueva posición:
<(((img src="botonazul.gif" width="63" height="62" border="0" usemap="#Map" )))))/>
<((((map name="Map" id="Map")))))>
<(((((area shape="rect" coords="9,21,56,49" href="#nombre%20de%20pagina%20donde%20te%20quieras%20dirigir")))))/>
Adaptación del código para la personalización donde pone "botonazul.gif" sustituiremos el código que nos ha dado blogger al subir nuestra imagen, dentro de las comillas.
height y border constituyen los paramentros de tamaño de la figura.
coords es el área por el que al desplazar el cursor se reflejará la manita indicando al usuario que existe un enlace.
"#nombre%20de%20pagina%20donde%20te%20quieras%20dirigir" aquí se situara la ruta donde se quiera dirigir al visitante, hay que eliminar la almohadilla
Este ejercicio ya entraña una relativa dificultad pero sus resultados recompensan los quebraderos de cabeza que nos podemos llevar al realizarlo, nos dará una total libertad en movimientos dentro del blog.
En otras secciones os daré ideas de como utilizarlos...sino se os ocurren antes!!!!
Un botón en un blog te puede dar un abanico infito para personalizar tu blog; un primer uso que le podemos dar es por ejemplo redirigir al visitante a una página anterior.
Insertamos el botón donde queramos en el post, arriba abajo sobre gustos no hay nada escrito......utilizando la función de inserción de imagenes en el post, una vez realizada esta operación de el la opción redactar nos dirigimos a la pestaña edición html, mirar el siguiente gráfico para guiaros
Prosigamos en edición html, vereis que la imagen se corresponde a un código bastante largo, seleccionarlo y copiarlo, como ejemplo el primer botón azul que os dejo se corresponde al código
<(((((((a onblur="try {parent.deselectBloggerImageGracefully();} catch(e){}"href="http://bp0.blogger.com/_7zVmU7DEHNg/ RdGHk6iqncI/AAAAAAAAAbk/vvreI9i2McM/s1600-h/botonazul2.gif">
(acordaros de los parentesis quitarlos siempre si utilizais los código aunque este no sea el caso)os lo dejo para que os vayais familiarizando.
Código para insetar el botón que redirija hacia una nueva posición:
<(((img src="botonazul.gif" width="63" height="62" border="0" usemap="#Map" )))))/>
<((((map name="Map" id="Map")))))>
<(((((area shape="rect" coords="9,21,56,49" href="#nombre%20de%20pagina%20donde%20te%20quieras%20dirigir")))))/>
Adaptación del código para la personalización donde pone "botonazul.gif" sustituiremos el código que nos ha dado blogger al subir nuestra imagen, dentro de las comillas.
height y border constituyen los paramentros de tamaño de la figura.
coords es el área por el que al desplazar el cursor se reflejará la manita indicando al usuario que existe un enlace.
"#nombre%20de%20pagina%20donde%20te%20quieras%20dirigir" aquí se situara la ruta donde se quiera dirigir al visitante, hay que eliminar la almohadilla
Este ejercicio ya entraña una relativa dificultad pero sus resultados recompensan los quebraderos de cabeza que nos podemos llevar al realizarlo, nos dará una total libertad en movimientos dentro del blog.
En otras secciones os daré ideas de como utilizarlos...sino se os ocurren antes!!!!
0 comentarios:
Publicar un comentario