Este tema es básico para el administrador de un blog que está comenzando. Siempre tenemos la necesidad, por diferentes motivos, de crear en nuestro blog unos enlaces hacia otras direcciones (blogs, webs, etiquetas de nuestro propio blog, etc...).
Un enlace o link no es más que un texto, imagen, banner o botón que al pinchar sobre él nos lleva a otra dirección de internet. Yo explicaré aquí los códigos necesarios para realizarlo mediante un texto o una imagen, entendiendo que la imagen puede ser fija o animada, por lo que incluirá banners, botones o simplemente imágenes fijas.
Empecemos con lo más fácil, un enlace en tu blog mediante "Texto". Pincha sobre el texto que viene a continuación:
Como podéis ver es un enlace a la página principal del buscador "Google". Los códigos necesarios para realizar este tipo de enlaces son los siguientes:
<p><a href="http://www.google.es/" target="_blank">Buscador Google:</a></p> |
Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto. Sin borrar las comillas del inicio y del final.
Si queréis direccionar hacia una etiqueta de vuestro propio blog, leer este post que os resultará de mucha utilidad.
target="_blank" está colocado para que al pinchar se abra otra ventana del navegador con la nueva ruta, sin abandonar nuestro blog. Si lo que queremos es que al pinchar sobre el enlace nuestra visita se desplace a la nueva dirección, sin mantener abierto nuestro blog, borrar esa parte completamente.
Sustituir el texto Buscador Google por el texto que queráis que aparezca para enlazar.
El código resultante colocarlo en "Diseño/Elementos de la página" con "Añadir un gadget", como "Elemento HTML/Javascrit", y en la parte del blog que queráis, o incluso dentro de una entrada.
Ahora veamos como colocar un enlace con una imagen. Pincha sobre la imagen inferior:
Esta vez el enlace dirige hacia la página principal de Blogger. Para realizar estos enlaces los códigos son:
<p><a href="http://www.blogger.com" target="_blank"><img src="RUTA COMPLETA DE LA IMAGEN" /></a></p> |
Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto, igual que en el caso anterior.
target="_blank" tiene el mismo significado también.
Y solo nos queda colocar la RUTA COMPLETA DE LA IMAGEN, y pegarlo en el blog como "ElementoHTML/Javascript".
15 comentarios:
Hola Blogsmadeinspain!!
Queríamos felicitarte por tu tremendo blog. Te felicito por el cambio que le has dado, ha quedado muy bien!!
Bueno, no se si nos conocerás ya, pero tenemos también un blog de ayuda para Blogger, que se llama La Trucoteca de Blogs.
Te invitamos a que te pases por alli.
Ya sabes que estamos ahi para lo que quieras :D y que por aqui seguiremos viniendo de vez en cuando ;-)
Muchos saludos desde Murcia!!!
Hola! Estoy trantando de cuidar y mantener mi blog y utilize su plantilla "cuentacuentos", el problema es que quiero crear unos links a los botones redondos y no se como, ya logre cambiar los titulos que usted les puso por otros como por ejemplo: juegos, ayudas etc.. pero no se crear el link. Ayudeme por favor. Gracias y excelente pagina. Gracias.
PD. Lei su explicacion pero no la entiendo en los trucos pero no la entiendo.
Anónimo, para explicarte lo que quieres hacer, tengo que mandarte códigos html, así que mándame un e-mail y te responderé con las instrucciones para hacerlo.
Saludos
Muchas gracias, necesitaba esto porque por alguna razon en mi plantilla no funciona el link de enlaces.
Hola!! muchisimas gracias por el post ;) me gustaria preguntarte si este procedimiento también serviría para una página estática. Verás es que quiero poner como una especie de menú, y cuando se pinche en una opción te redirija a la entrada que corresponde. Se podría hacer? Gracias:)
Por supuesto, Smile.
Este procedimiento puedes usarlo en cualquier sitio que admita códigos html.
Muchisimas gracias, ya lo he hecho :) me parece que me ha quedado bien ^^ http://alasdefantasia7.blogspot.com.es/p/libros.html
Efectivamente, te funciona perfectamente en esa página estática.
Hola Amigo!!! gracias por tu aporte, soy docente y tengo radios por internet streaming con mis escuelas, quisiera saber como poner reportajes en el blog para ser escuchados o subir viejos programas tipos podcast....gracias por tu aporte, abrazos
Alumnos Secundarios, en http://blogsmadeinspain.blogspot.com/2008/04/saluda-tus-lectores-con-tu-propia-voz.html explico como realicé yo el gadget de Bienvenida que podéis ver en la columna derecha.
Quizás os sirva para lo que queréis hacer, aunque tenéis que encontrar un servicio gratuito que os deje alojar archivos mp3 y os de la ruta completa URL directa.
Enhorabuena por el post
Pulsar para saltar
Hola, laimagen que es linkable es mia, y sale en mi blog, pero no se de dónde sacar la RUTA COMPLETA DE LA IMAGEN. Como la encuentro????
Para averiguar la ruta completa de la imagen alojada deberías insertar la foto en una entrada de tu blog. No la publiques, solo dale a guardar, y te la guardará en borrador.
En la edición de esa entrada, pincha sobre la pestaña HTML y accederás a los códigos de la imagen que has alojado.
Busca la ruta completa de este tipo
http://4.bp.blogspot.com/-Z85rHIseJ6U/Uds_RfeGEiI/AAAAAAAAKcs/MI9p4a9BOwQ/s1600/vestido+de+mexico+GRATIS.JPG
Una vez que hayas hecho esto, y hayas guardado la entrada (NO PUBLICADO), puedes tranquilamente eliminar esta entrada que te aparecerá en borrador.
Gracias por la informacion, no hay que olvidar tambien los enlaces de imagen, o incluso enlaces ocultos en el codigo.. jeje
Como por ejemplo este: Alianzas de Boda , puede tener varias peculiaridades especiales estos enlaces
Gran post. Gracias por compartirlo con la comunidad cibernauta.
Publicar un comentario