Cómo obtener HTML de imagen y agregar redirección al blog

jhons · 11 May 2011

Bueno compañeros alguien de aca sabe como podre obtener el HTML, bueno con esto me refiero a el codigo en HTML, de una imagen alojado en mi pc para ponerlo en el blog? Y que a la misma vez esta imagen redireccione a otro sitio externo al blog?

Si alguien fuese tan amable y me explica como hago le estare agradecido.

Saludos

Wigao · 11 May 2011

De primero tienes que subir tu imagen a algo como imgur.com

Allí te dan un link parecido a esto imgur.com/msdsoj2

Entonces el código quedaría así:

Insertar CODE, HTML o PHP:

<a href="aqui va la direccion de tu sitio externo no quitar comillas"><img sr="aqui va la direccion de tu imagen subida no quitar comillas"></a>

khaos · 11 May 2011

Tienes que subir la imagen a tu sitio, o a algún servicio de alojamiento de imágenes, y el código que usarás es similar a este:

Insertar CODE, HTML o PHP:

<a href="http://tuenlace.org"><img src="http://tusitio.net/tu_imagen.png" alt="descripción de tu imágen" width="73" height="73" /></a>

Primero está el enlace a donde quieres dirigir al dar clic en la imágen, luego viene la llamada a la imagen, con algunas etiquetas recomendadas, como el alt, que es donde puedes poner la descripción de la imágen y luego las medidas. Con eso deberías de tener lo que necesitas.

Si es un blog de blogger o de Wordpress, es mucho más fácil, pues sólo subes la imagen al escribir el artículo, y si va a ser usada en el post, pues ahí mismo la colocas. Si lo vas a colocar en otro lugar, en un widget por ejemplo, puedes ver el html del post y sacar de ahí el codigo que se generó.

Saludos

jhons · 11 May 2011

Muchisimas gracias compañeros ahorita pruebo eso que me han dicho!

Y mi blog es de Blogger, pero la imagen no la usare en un post ^^

Wigao dijo:
De primero tienes que subir tu imagen a algo como imgur.com

Allí te dan un link parecido a esto imgur.com/msdsoj2

Entonces el código quedaría así:

Insertar CODE, HTML o PHP:

<a href="aqui va la direccion de tu sitio externo no quitar comillas"><img sr="aqui va la direccion de tu imagen subida no quitar comillas"></a>

Ya probe tu codigo y me da un error, lo he intentado 3 veces en las 3 veces me tira el mismo error no me deja.

khaos dijo:
Tienes que subir la imagen a tu sitio, o a algún servicio de alojamiento de imágenes, y el código que usarás es similar a este:

Insertar CODE, HTML o PHP:

<a rel="nofollow" href="http://tuenlace.org"><img src="http://tusitio.net/tu_imagen.png" alt="descripción de tu imágen" width="73" height="73" /></a>

Primero está el enlace a donde quieres dirigir al dar clic en la imágen, luego viene la llamada a la imagen, con algunas etiquetas recomendadas, como el alt, que es donde puedes poner la descripción de la imágen y luego las medidas. Con eso deberías de tener lo que necesitas.

Si es un blog de blogger o de Wordpress, es mucho más fácil, pues sólo subes la imagen al escribir el artículo, y si va a ser usada en el post, pues ahí mismo la colocas. Si lo vas a colocar en otro lugar, en un widget por ejemplo, puedes ver el html del post y sacar de ahí el codigo que se generó.

Saludos

Ya probe tu codigo, aunque si me deja guardar la plantilla pero no puedo ver la imagen, solo veo la descripcion de la imagen y al dar click ahi si se redirecciona a la pagina deseada, pero el problema es que no veo la imagen.

Que hago? :S

khaos · 11 May 2011

puedo saber cuál es la url de tu imagen?

jhons · 11 May 2011

khaos dijo:
puedo saber cuál es la url de tu imagen?

Bueno yo tenia pensado en poner una imagen de una PTC.

El formato de la imagen esta en formato .gif, como le puedo hacer para que me salga la imagen, porque solo la descripcion me salio! U_U

khaos · 11 May 2011

Entiendo, pero si no pones un poco más de detalles, no te puedo ayudar.... si puedes envíame el codigo que estás poniendo por mp.

Saludos!

jhons · 11 May 2011

khaos dijo:
Entiendo, pero si no pones un poco más de detalles, no te puedo ayudar.... si puedes envíame el codigo que estás poniendo por mp.

Saludos!

ok perfecto ya te mando un MP con todo el codigo montado.

Saludos

Mcalderon · 11 May 2011

dale clic derecho a la imagen que quieres usar, luego en copiar ruta de la imagen y esa la pones en el codigo vas a poner, saludos!

Wigao · 11 May 2011

Esta parte de mi código:

<img sr="aqui va la direccion de tu imagen subida no quitar comillas">

es así

<img src="aqui va la direccion de tu imagen subida no quitar comillas">

Deberías poner tu código completo para que te podamos ayudar.

iNeedYou · 11 May 2011

te recomiendo utilizar TinyPic - Free Image Hosting, Photo Sharing & Video Hosting, al subir la imagen te da el código HTML.

jhons · 11 May 2011

firethost dijo:
dale clic derecho a la imagen que quieres usar, luego en copiar ruta de la imagen y esa la pones en el codigo vas a poner, saludos!

Gracias por tu ayuda pero la imagen la tengo en mi pc!

Wigao dijo:
Esta parte de mi código:

es así

Deberías poner tu código completo para que te podamos ayudar.

Perfecto voy a revisar!

iNeedYou dijo:
te recomiendo utilizar TinyPic - Free Image Hosting, Photo Sharing & Video Hosting, al subir la imagen te da el código HTML.

Excelente corazon muchas gracias!! Voy a verlo!!

Mcalderon · 11 May 2011

<a href="url aqui"><img src="imagen aqui" /></a>

sube la imagen a tinypic.com y copia su link

jhons · 11 May 2011

Wigao dijo:
Esta parte de mi código:

es así

Deberías poner tu código completo para que te podamos ayudar.

un no me sirve! U_U

Mcalderon · 11 May 2011

ya subiste la imagen a tinypic o algun otro servidor de imagenes?

jhons · 11 May 2011

firethost dijo:
<a href="url aqui"><img src="imagen aqui" /></a>

sube la imagen a tinypic.com y copia su link

no me funciona, no me aparece nada!
----
Tinypic no me corre :S

Tan bonito que estaba hoy!! U_U

firethost dijo:
ya subiste la imagen a tinypic o algun otro servidor de imagenes?

si a imageshak y a imgur, pero no me sale nada!

Lo mas proximo fue el codigo de khaos pero la imagen no me sale solo la descripcion y si redirecciona bien, pero no sale la imagen UU

Wigao · 11 May 2011

Estas haciendo algo mal porque todos los códigos que te damos están correctos.

jhons · 11 May 2011

Si fijo algo mal estaba haciendo pero ya se ha solucionado, me ha enviado el código correcto por MP el user Khaos y lo implemente en la plantilla y ahora si esta todo en orden, redirecciona y se ve la imagen..

Muchas gracias a todos por su disposición en ayudarme!!!

Vuelvo a lindo día XD

GabrielBS · 22 May 2011

Sube tu imagen a algun alojamiento aunque sea como ImageShack® - Online Photo and Video Hosting