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

Por Natalia_ @CreacionesBN

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:
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:Ahí buscamos el código. 


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

<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