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

  • Un link Para Hacer tu Web una Pagina de Inicio de tus Visitas, WordPress El script es de http://javascript.internet.com. Solo debes pegar el siguiente código como un widgets en tu plantilla, para esto seleccionas uno del tipo texto (text), copias el […]
  • Muchos Reproductores de Musica para el Blog Estamos actualizando los reproductores, ya que muchos dejaron de ofrecer el servicio. De apoco ire agregando aqui mismo nuevos reproductores, por ahora les dejo una opcion rapida y […]
  • Musica con BOX Tengo un nuevo reproductor de música, se llama Box. Lo primero al entrar a la pagina, veran 3 archivos que pueden subir, pueden ser imagenes, música, o lo que sea. En examinar buscan […]
  • OTROS BLOGS QUE AYUDAN Otros Blogs que tienen como meta ayudar en este mundo del blogeo..les recomiendo que los revisen... PARA LOS QUE TENGAN BLOG EN MSN
  • Como recuperar una cuenta en blogger ?? Si creaste tu cuenta hace mucho tiempo y no te acuerdas de nada.... este link te servira: RECUPERA TU CUENTA DE BLOGGER Solo debes saber tu mail, bueno si se te olvido el mail ahi ya […]
  • ¿Cuál es la diferencia entre ‘borrador’ y ‘publicación’? Si quieres que tu publicación quede como borrador, porque aún te falta hacer un par de cambios antes de publicarla, entonces haz click en el boton GUARDAR AHORA, de esta manera tu […]
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 *