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

  • Autor Autor jhons
  • Fecha de inicio Fecha de inicio
J

jhons

Iota
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
 
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>
 
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
 
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>
Hacer clic para expandir...

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
Hacer clic para expandir...

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
 
Última edición:
puedo saber cuál es la url de tu imagen?
 
khaos dijo:
puedo saber cuál es la url de tu imagen?
Hacer clic para expandir...

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
 
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!
 
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!
 
Esta parte de mi código:

<img sr="aqui va la direccion de tu imagen subida no quitar comillas">
Hacer clic para expandir...

es así

<img src="aqui va la direccion de tu imagen subida no quitar comillas">
Hacer clic para expandir...

Deberías poner tu código completo para que te podamos ayudar.
 
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!
Hacer clic para expandir...
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.
Hacer clic para expandir...

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.
Hacer clic para expandir...

Excelente corazon muchas gracias!! Voy a verlo!!
 
<a href="url aqui"><img src="imagen aqui" /></a>

sube la imagen a tinypic.com y copia su link
 
ya subiste la imagen a tinypic o algun otro servidor de imagenes?
 
firethost dijo:
<a href="url aqui"><img src="imagen aqui" /></a>

sube la imagen a tinypic.com y copia su link
Hacer clic para expandir...

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?
Hacer clic para expandir...

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
 
Última edición:
Estas haciendo algo mal porque todos los códigos que te damos están correctos.
 
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
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba