Aunque este truco está soportado nativamente por LaCoctelera (es decir, que lo proponen ellos en su blog de ayuda) me parece interesante ponerlo.
Lo primero que necesitamos es diseñar una imagen, preferible en formato PNG-24 (para mantener todas las transparencias), acorde con nuestra plantilla (es decir, si tienes una plantilla que va de la gama azul a la verde, pongamos, no hacer una imagen roja y gris), subirla a alguna parte (como a www.subefotos.com o a www.imageshack.us), y agregarla a nuestro título pero como subtítulo, usando el siguiente código:
<img src="URL DE LA IMAGEN" alt="TEXTO ALTERNATIVO" />
Sustituyendo "URL DE LA IMAGEN" por la URL de la imagen (la URL directa, no la que lleva a la pagina de previsualización), aunque las comillas deben mantenerse.
Y listo, ya tenemos nuestra imagen de cabecera lista. Recordemos que debe ir en el subtítulo, no en el título.
Yo he diseñado ésta cabecera para mi blog:
servido por Antonio Manuel
20 comentarios
compártelo
Una de las principales ventajas que tiene LaCoctelera frente a sus competidores (excepto Soy.es, al que considero el mejor actualmente) es que puedes modificar el título (el formato del título) con unas simples etiquetas.
Por ejemplo, veréis que el TUNEA LA COCTELERA del título de arriba aparece con las letras en negrita intermitentes, y el "Coctelera" aparece de otro color.
Eso se consigue con unos simples códigos:
1. Para poner negrita en tu título
Simplemente pones <b>Tu título</b>, sin olvidarnos de la última parte, la de </b>, puesto que si no la incluyes todo tu blog se transformará a negrita. Y por supuesto sustituyes Tu título por el título que quieras poner.
2. Cursiva
<i>Tu título</i>
3. Subrayado
<u>Tu título</u>
4. Tachado
<del>Tu título</del>
5. Colores.
Para agregar colores lo que haremos será agregar la etiqueta <font, y sin cerrarla escribir un espacio, color, un igual, y el codigo hexadecimal del color. Este lo podemos conseguir en programas de retoque fotográfico como Paint Shop Pro, PhotoShop o Gimp, pero son generalmente muy pesados de cargar. Sin embargo, si no te apetece cargarlos, puedes ir a ésta página y mirar de los colores que hay el que más te guste para ponerlo, y su código es el que pegas detrás del igual de la etiqueta.
Recapitulando, para poner por ejemplo "Tunea tu coctelera" como verás arriba, se necesitará el código:
<i>Tunea</i> tu <font color="dodgerblue">COCTELERA</font>
Y listo, ya podemos personalizar el título. Aunque hay que tener en cuenta que el título es algo corto, por lo que puede que todos los códigos no os quepan... Pero es cuestión de experimentar...
(Esto se aplica a título y subtítulo, indistintamente).
Actualización: como bien me notifica Zetagirl, se me olvidó poner la página de los códigos. No voy a poner la que me apareció ayer porque tiene pocos colores; os paso la dirección de otra, que te permite elegir el color mediante un applet Java y te muestra el código del color (eso que pone #CCCCCC, por ejemplo).
http://roble.cnice.mecd.es/~apuente/applet1.html
servido por Antonio Manuel
6 comentarios
compártelo
