:Crafty Girls Cute Resources: tutoriales -- nailart -- hairstyles -- cosas para blog -- imagenes -- iconos -- avatars -- gifs -- deja tu comentario!!!! -- ¡afiliame!

viernes, 25 de mayo de 2012

Tutorial codigos HTML para botones/cajas de afiliacion


Este es el paso final para poner en tu blog tus propios botoncitos o cajitas de texto, el tutorial anterior fue de como hacerlos...pero claro falta sacar los codigos para poder ponerlos en el blog.

Bien.....hay muchas maneras de hacerlo y seguramente encontraras muy diversas opiniones y tutoriales pero yo lo hago con estos pasos:

Despues de tener hecho mi botoncito entro a www.tinypic.com, selecciono mi archivo gif. despues selecciono "video" ...(porque?..porque si seguiste los pasos de mi tutorial tu trabajo final sera una imagen con movimiento entonces necesitas obtener su codigo como si fuera video) y cargas la imagen.

De ahi vas a copiar el primer codigo HTML 
como ejemplo: 
<a href="http://tinypic.com?ref=313nm83" target="_blank"><img src="http://i46.tinypic.com/313nm83.gif" border="0" alt="Image and video hosting by TinyPic"></a>
La parte de azul la vas a cambiar por la direccion de tu blog 

Despues pega el mismo codigo que obtuviste de tinypic.com, claro con el cambio en la direccion URL (tu blog) dentro de:

<textarea>codigo</textarea>

ejemplo:
<textarea><a href="http://tinypic.com?ref=313nm83" target="_blank"><img src="http://i46.tinypic.com/313nm83.gif" border="0" alt="Image and video hosting by TinyPic"></a></textarea>


Por ultimo vas a diseño, añadir un gadget, HTML/Javascript y pegas.

ejemplo:
<a href="http://crisvelcuteresources.blogspot.mx" target="_blank"><img src="http://i46.tinypic.com/313nm83.gif" border="0" alt="Image and video hosting by TinyPic" /></a>

<textarea><a href="http://crisvelcuteresources.blogspot.mx" target="_blank"><img src="http://i46.tinypic.com/313nm83.gif" border="0" alt="Image and video hosting by TinyPic" /></a></textarea>


Y eso es toodoo!!! Espero te sirva, si no entiendes algo dejame tu comentario oki?

3 comentarios:

  1. hola neni :3
    como siempre super util el tuto (:
    mil gracias ñ.ñ

    ResponderEliminar
  2. http://kilipetimafi.blogspot.com.ar/ tenés un premio ñ_ñ

    ResponderEliminar
  3. oki ya revise pero que tengo que hacer :$ soy nueva en blog y no sé como se hace eso de los premios :$ me explicas?

    ResponderEliminar