Letras Brillantes con Efecto para tu Blog o Página web

Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress…) o Página web.

Esta pagina Glittergraphics tiene 28 estilos de letras para los que le gustan estas monadas.. 🙂
Solo deben escribir el texto que quieren y seleccionar el estilo que les gusta.
Este es el estilo 13, y ellos entregan el siguiente código.

  1. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/b.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  2. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/i.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  3. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/e.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  4. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/n.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  5. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/v.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  6. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/e.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  7. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/n.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  8. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/i.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  9. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/d.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  10. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/o.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  11. <a href="http://www.glittergraphics.us" target="_blank"><img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/s.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" /></a>
  12.  
  13. <div align="right" style="width:88px;height:31px">
  14. <a href="http://www.glittergraphics.us/" target="_blank"><img src="http://i72.photobucket.com/albums/i184/fwlimages/bpgrafixad8831.gif" border="0" /></a>
  15. </div>

Al copiarlo en un post se verá, así:(tambien pueden copiarlo en alguna parte de sus plantillas.)

Myspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter GraphicsMyspace Glitter Graphics, MySpace Graphics, Glitter Graphics

Ahora explicaré como hacer algunos cambios en el codigo que ellos entregan, ya que aparece una imagen arriba del post, y todas las letras hacer referencia a la pagina de ellos.
La imagen que aparece arriba la pueden borrar eliminando el ultimo trozo del código:

  1. <div align="right" style="width:88px;height:31px">
  2. <a href="http://www.glittergraphics.us/" target="_blank">
  3. <img src="http://i72.photobucket.com/albums/i184/fwlimages/bpgrafixad8831.gif" border="0" />
  4. </a>
  5. </div>

Ademas cada una de las letras hace referencia a la pagina de ellos, se pueden dar cuenta si pasan el mouse por sobre las letras…. Este es el codigo de una letra completa:

  1. <a href="http://www.glittergraphics.us" target="_blank">
  2. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/o.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  3. </a>

Lo que deben hacer es dejar solo el codigo de la imagen siguiente para cada una de las letras, eliminando la referencia:

  1. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/o.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />

Entonces se vera de la siguiente forma:
Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics

Entonces ahora si ponen el cursor sobre las letras ya no aparece la referencia.. 🙂

Asi quedaría el código si eliminan la referencia, y la imagen que aparece arriba del post:

  1. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/b.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  2. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/i.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  3. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/e.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  4. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/n.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  5. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/v.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  6. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/e.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  7. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/n.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  8. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/i.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  9. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/d.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  10. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/o.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />
  11. <img src="http://i72.photobucket.com/albums/i185/glittergus/alph/13/s.gif" border="0" alt="Myspace Glitter Graphics, MySpace Graphics, Glitter Graphics" />

Espero que les guste.

Artículos Relacionados

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *