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

  • Programar Post para que se posteen solos.. Bueno, hoy posteare algo que me parecio muy util, seguro a todos ustedes, programar POST para que se publiquen el dia que quieras SOLOS Es muy Facil aca te explico como... Lo primero […]
  • Valoración de tus Post (Ranking – Rating), Blogger Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Este servicio ofrece agregar un ranking a tus post, para que la gente pueda votar por lo […]
  • ¿Cómo puedo compartir mi perfil?, Blogger Para compartir el perfil de Blogger (hacerlo visible a las visitas), debes ir a tu panel de administración de blogs (http://www.blogger.com), desde ahi verás en la columna de la […]
  • Nuevo Reproductor de musica Completisimo Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Este reproductor es completisimo, tiene ranking para las canciones, puedes agregar […]
  • Responde Preguntas en Yahoo y lleva visitas a tu Blog Este es un pequeño dato, vasta con que ingresen al servicio de answers yahoo y respondan preguntas que estan relacionadas con el tema de sus blogs, entonces podrán dejar en el campo de […]
  • Generador de imágenes En la web se encuentra una página que es generadora de imágenes con un texto que se puede incluir, como por ejemplo esto:                                Entramos aqui, y escrimos el […]
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 *