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

  • Paginas para Subir ArchivosEsta es una pequeña lista que encontre en google de servicio de upload de archivos.. Elijan alguna y suban cualquier tipo de archivo.. Suerte!!! Si necesitan uno gratis, este servicio les […]
  • Crear una base de datos en nuestro Web Hosting Gratuito Hay una variedad infinita de programas que podemos instalar en nuestro servidor que hemos estado explicando (), que van desde foros, libro de visitas, wordpress, dotproject (para manejar […]
  • Como crear una Slideshow con imagenes en movimiento Esto es aplicable para cualquier Plataforma de Blogs Get Your Own! | View Slideshow Crear una SlideShow es realmente sencillo lo primero que debemos de hacer es ir a la pagina […]
  • Imagen de Fondo para el Blog, Classic-Blogger Este es un aporte de tallarin :). Bueno aveces queremos poner una imagen en el fondo de nuestros blogs pero no se puede por el simple hecho de que tienes que ubicar alguna parte de tu […]
  • Otra pagina para mostrar el Pagerank en tu Web Bastante buena Esta Página (Nexoperu) , ya que ademas te permite hacer una búsqueda múltiple (25 páginas) de pagerank, y tiene muchos diseños para que puedas agregar a tu Blog o Web.
  • Cambiando los LINKS, Classic Blogger Como tienen que cambiar cosas en la plantilla, les aconsejo, que cada vez que cambien algo y les quede bien, guarden todo el texto en un documento cualquiera, puede ser word. De esta […]
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 *