Revista Creaciones

Tutorial para el blog: código HTML para enlazar imágenes

Por Natalia_ @CreacionesBN
Tutorial para el blog: código HTML para enlazar imágenes
La curiosidad me picaba y decidí ponerme con este tutorial.Supongo que alguna vez habréis visto como alguna blogger ofrece una imagen con un código html.

¿Para qué sirve?Por ejemplo, para que no guardes y cuelgues una imagen. Si quieres llevar esa imagen a tu blog, simplemente copias en código y lo insertas en tu blog.También para enlazar blogs y sorteos.O para enlazar imágenes a tu redes sociales, simplemente insertando el código HTML, como puedes ver en la barra lateral derecha ----->¿Cómo se hace?En esta ocasión yo lo he hecho como me ha salido. Leyendo por ahí, parece ser que se hace de otra manera. Pero la cuestión es que lo he hecho a la mía y da resultado, así que, allá vamos:


Pimero elegimos la imagen que queremos enlazar y la descargamos en la entrada que estamos redatando:Tutorial para el blog: código HTML para enlazar imágenes
En este caso es la cabecera (reducida) de mi blog (sus medida son 300x132). (No sé qué pasaría si fuera más grande, no lo he intentado).

Ahora vamos a ir a la opción de redacción HTML mientras escribimos la entrada:

Tutorial para el blog: código HTML para enlazar imágenes
Ahí buscamos el código. 


Tutorial para el blog: código HTML para enlazar imágenes

Es un poco complicado encontrarlo, porque no sabemos qué tiene que salir. Pero para no equivocarte, abre una entrada nueva y cuelga la imagen. Ve a HTML y copia el único código que habrá. Si no, fíjate que tiene que empezar por <a href... y acabar por ...</a>.

Tutorial para el blog: código HTML para enlazar imágenes

<a href="http://lascreacionesdebeaynatalia.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-6CBscwD-ITw/UCL4urFRAvI/AAAAAAAADeA/n7w3ikKAgKM/s1600/CCC3300.jpg" /></a>


Para que esa imagen enlace tu página, debes cambiar el enlace, como veis arriba. Así que después de http:// pon tu propio enlace. 
**********

Ahora, si quieres enlazar mi blog en el tuyo, sólo tienes que copiar el código e insertarlo a través del gadget HTML/Javascript.

<a href="http://lascreacionesdebeaynatalia.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-6CBscwD-ITw/UCL4urFRAvI/AAAAAAAADeA/n7w3ikKAgKM/s1600/CCC3300.jpg" /></a>
 ¿Tenías curiosidad como yo para aprender a hacer ésto?

Espero que se haya entendido... si tenéis dudas, no dudéis en consultármelas.
Síguenos: Facebook ´´ Pinterest ´´ Twitter

Volver a la Portada de Logo Paperblog

Revistas