Enlazar un blog

En algunos blogs habréis visto que tienen un apartado para poder enlazar este blog dentro del vuestro.

Esta entrada la dedicaremos a ver cómo poner un apartado de esos en nuestro blog.

En primer lugar, necesitaréis crear una imagen para ofrecer a los demás y alojarla en algún servidor de imágenes, en picasa o en el servidor que queráis.

Una vez alojada, necesitamos el código HTML para que los demás solo tengan que copiarlo y automáticamente salga nuestro blog enlazado dentro del suyo con la imagen que hemos creado.

El código HTML necesario es el siguiente:

<a href=”http://dirección_blog.blogspot.com”><img border="0" alt="Texto alternativo de la imagen" src="http://dirección_URL_de_la_imagen" /></a>

Tendréis que sustituir donde pone dirección_blog por la dirección de vuestro blog de Blogger e indicar la dirección completa donde está alojada la imagen en el apartado dirección_URL_de_la_imagen.
Además, en el apartado Texto alternativo de la imagen podremos incluir el texto que queramos que aparezca cuando el usuario mantenga el puntero del ratón por encima de la imagen.

Como yo no podía ser menos, he creado varias imágenes para que podáis enlazar mi blog dentro del vuestro. El código necesario aparece justo a la derecha de cada imagen.

Imagen Código HTML

10 comentarios:

Anabel dijo...

Gracias por explicar tantas y tantas cosas que se aplican a los blog... estoy aprendiendo muchas cosas desde que os sigo. Pero, tengo una duda con esta entrada... no se exactamente cómo obtener el código HTML una vez tenga la imagen, por ejemplo en Picasa.

Me pierdo cuando llego a este paso: (copio textualmente):

"Una vez alojada, necesitamos el código HTML para que los demás solo tengan que copiarlo y automáticamente salga nuestro blog enlazado dentro del suyo con la imagen que hemos creado.

El código HTML necesario es el siguiente:
....
....."

Cómo se obtiene el código???

muchas gracias.
Anabel

José M. dijo...

Hola Anabel,
en primer lugar gracias por tu interés y comentarios sobre este blog.
Sobre lo que comentas de la imagen, para obtener la dirección URL de la imagen que tienes alojada en picasa accede a esa imagen, pulsa el enlace que pone Enlace a esta foto y copia aqui el código que te aparece en el apartado Incrustar imagen.
Por lo demás no te preocupes, ya lo hago yo.

. Tomy... dijo...

Una preguna como hago para que el codigo html aparezca al lado para que las demas personas lo puedan copiar?? dede ya muchas gracias ;)

José M. dijo...

Hola Tomy,

al lado?? te refieres a ponerlo en una de las barras laterales me imagino.

Si es asi, solo tienes que introducir el código HTML desde la ficha Diseño -> Elementos de la página -> Agregar un gadget -> HTML/Javascript.

Si además quieres que el código vaya incluído en un cuadro de texto, tal y como aparece en mi blog, añade al código HTML para enlazar tu blog las etiquetas TEXTAREA.

Anónimo dijo...

Muchas gracias por la información, bastante útil, tenía rato buscando como agregar un cuadro de texto

José M. dijo...

De nada Cynomys, saludos :)

Jonathán dijo...

HOla, es la primera vez que me meto en ésta onda de blog, ya te he enlazado, segun yo...:)
está chido tu blog, ojalá y pueda hacer uno como el tuyo mas adelante XD, saludos...

José M. dijo...

Gracias Jonathán por enlazar mi blog y por tu comentario, ya tienes el tuyo también enlazado a mi blog. Saludos :)

jk dijo...

Me ha servido de mucha ayuda. Muchísimas Gracias.

Kurashi te saluda :3

José M. dijo...

Gracias a ti Kurashi por tu visita, un saludo :-)

Publicar un comentario

Cualquier comentario que incluya en su contenido la dirección URL de una web o blog será reportado inmediatamente por spam y no será publicado.