2

Glitter en el titulo del blog

Un glitter son esas letritas animadas, normalmente con brillos, que podemos crear en algunas web online.
Hace unos días Sandry me consultó sobre como poner uno de esos glitters sustituyendo el título de su blog. La verdad es que no pensé que iba a quedar tan bien...
1- Antes de nada hemos de tener la imagen, en este caso el glitter preparado, en algunas web para hacerlos puedes copiar la dirección del glitter directamente, por ejemplo en HotFreeLayouts, te darán un código más o menos como este:
<a href="http://glitter.hotfreelayouts.com/"><img src="http://glitter.hotfreelayouts.com/glitter/fc/fcd1aa8da1e5592e1392d18492b3888c.gif" border="0" alt="Glitter and MySpace Layouts"></a><br><a href="http://www.hotfreelayouts.com/layouts.php?index=myspace_layouts">Layouts</a> at <a href="http://www.hotfreelayouts.com/layouts.php?index=best_myspace_layouts">HotFreeLayouts.com</a>

Como no queremos que al pinchar en el glitter nos lleve a la página de HotFreeLayouts, hemos de quitarle los links y quedaría así:

<img src="http://glitter.hotfreelayouts.com/glitter/fc/fcd1aa8da1e5592e1392d18492b3888c.gif"/>

Hay muchas web para hacerlos, así que lo mejor es buscar alguna que nos guste y copiar la imagen a nuestro PC, para luego subirla a cualquier página de alojamiento de imágenes, y obtener nuestra propia url de la imagen.
Si copiáis la url del glitter directamente de la web donde lo habéis creado, tened cuidado porque a veces está preparado para X tiempo y luego dejará de verse, es el caso de Glitter Select, (donde Sandry hizo su glitter) así que mejor nuestra url de imagen propia...

2- El segundo paso es eliminar el título que tenemos ahora.

Vamos a plantilla-HTML-expandir elementos y buscamos esto:

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>

3- Colocamos el glitter, su url, la que sacamos antes del código, sustituyendo el <data:title/>, fijaros que son dos <data:title/> los que hemos de sustituir por la url del glitter, ya que si no se seguirá viendo el título antiguo en las páginas de etiquetas.

Podéis ver un ejemplo del resultado en el blog de Sandry El laberinto de las aceitunas.

¡Mucha suerte!

Entradas Relacionadas:

2 comentarios:


Guille

Rosa: Yo te molesto por algo parecido a esto... Quería poner letras animadas, pero mas infantiles (www.pekegifs.com) con el nombre de mi hijo en la cabecera del blog, pero como solo me deja insertar una sola imágen, no llego a formar el nombre (cada letra es un gif).
O sea, la planteo mas fácil: ¿se puede insertar mas de un gif en la cabecera? O ¿Se te ocurre como puedo solucionarlo?

Anónimo

Guille, pruba a poner el código de cada letra seguido uno de otro.
He hecho un ejemplo con las letras que tienen patitas y brazos de Pekegifs, formando la palabra Guille:
<img src="http://www.pekegifs.com/letras/011/g.gif"/>
<img src="http://www.pekegifs.com/letras/011/u.gif"/>
<img src="http://www.pekegifs.com/letras/011/i.gif"/>
<img src="http://www.pekegifs.com/letras/011/l.gif"/>
<img src="http://www.pekegifs.com/letras/011/l.gif"/>
<img src="http://www.pekegifs.com/letras/011/e.gif"/>

Mira como queda aquí:

http://kakadelavakae.blogspot.com

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S