miércoles, 27 de octubre de 2010

Cabecera para Tumblr




Bien. el otro día me dio por abrirme un Tumblr y comencé a pasearme por los de otras personas para ver mas o menos de  que iba el tumblr y es como un blog así que me gustó. Entre tantos en los que estuve paseando, encontré unos que realmente eran lindísimos, con fondos personalizados y cabeceras propias... pero por ningun lado encontré en donde se podía subir la cabecera. Así que yo como buena chica aferrada que soy, me puse a  la tarea de investigar como se hacía dicho efecto para poder tener una linda cabecera en mi tumblr.

Primero que nada van a escoger una de las plantillas que hay en Tumblr para disponer de ellas. Iré paso a paso para quien no conozca el Tumblr sepa por donde deberá ir.





para escoger la plantilla primero iremos al panel:
en su Tumblr en la parte de la derecha aparece sus datos de tumblr. Ahí estan primero su direccion, después el numero de post publicados, seguidores, mensajes, Drafts (que todavía no se que son)  Queue y por ultimo está customize... a este ultimo le darán click.




dando ahí les mandará a su panel . 
Abrirá otra ventana con esta dirección y la apariencia de su Tumblr :  http://www.tumblr.com/customize
en la parte de arriba les aparecerá otra barra 




nos iremos a Themen  para seleccionar nuestro tema.
nos desplazará hacia algunos temas,  podemos seleccionar alguno de ahí o podemos ver más temas en  : Borwse more Themes  
como en la imagen.



ya que hayáis escogido vuestro tema. daremos damos click en SAVE para guardar los cambios y nos vamos a user custom HTML... ahí está el formato de nuestro tumblr en  códigos.
Con mucho cuidado buscaremos lo siguiente datos,  (aclaro, puede estar igual o escrito parecido. Solo os  fijáis  bien no mover a nada más.)

buscamos esta parte 


Remplazamos donde dice {title}  por vuestra imagen de cabecera previamente ya hecha y alojada en algun sitio como (tinypuc, photobucket o imagenshack). cogemos el código que comience con SRC, ejemplo: 
 este codigo:   src = "http ://i812 .photobucket.com /albums/000/-----------.png"
ahora nos vamos a vista previa : Update preview  para corroborar que vuestra imagen quede en la cabecera...

si por algun motivo nuestra cabecera se ve recortada por que no cabe buscamos estos códigos para adaptarle el tamaño que tiene nuestra cabecera.


Aseguréis  que estos códigos sean del tamaño de vuestra cabecera para que quepa el header.

width - ancho
height- altura.


Checar que en la sección img h1, permita píxeles suficiente para la imagen para que  aparezca por completo.
Así que espero que esto ayude a alguien. Yo no soy muy bueno con CSS y estoy mejor de los casos intermedios con HTML

Sólo recuerda que  cada tema es un poco diferente.
Así que toca buscar siempre los códigos, y nunca den guardar sin antes darle a la vista previa, por que ya no hay vuelta atrás si han dado guardar los cambios.


Espero les haya sido útil XDD...

wibiya