Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Colocar enlaces o links en el blog

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:

Buscador Google:

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:

Leer completo...[+/-]

    <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:

La Trucoteca de Blogs dijo...

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!!!

Anónimo dijo...

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.

blogsmadeinspain dijo...

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

Dr. draKo dijo...

Muchas gracias, necesitaba esto porque por alguna razon en mi plantilla no funciona el link de enlaces.

Smile:) dijo...

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:)

Blogsmadeinspain dijo...

Por supuesto, Smile.
Este procedimiento puedes usarlo en cualquier sitio que admita códigos html.

Smile:) dijo...

Muchisimas gracias, ya lo he hecho :) me parece que me ha quedado bien ^^ http://alasdefantasia7.blogspot.com.es/p/libros.html

Blogsmadeinspain dijo...

Efectivamente, te funciona perfectamente en esa página estática.

Alumnos Secundarios dijo...

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

Blogsmadeinspain dijo...

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.

David Cruz dijo...

Enhorabuena por el post
Pulsar para saltar

Rec & Rewind dijo...

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????

Blogsmadeinspain dijo...

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.

Relojes Marea dijo...

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

Orígenes Seguros de Vida dijo...

Gran post. Gracias por compartirlo con la comunidad cibernauta.