¿Estás aburrido de la misma cabecera de tu blog? Gracias Smashing Magazine puedes cambiar de diseño con estas 50 cabeceras (headers) que he recopilado en su sitio y que puedes usar libremente.
Algunos diseños vienen acompañados de su respectivo archivo PSD por si sabes usar Photoshop puedas modificarlo a tu antojo.
Algunos diseños vienen acompañados de su respectivo archivo PSD por si sabes usar Photoshop puedas modificarlo a tu antojo.
Una vez descargado este pack sólo escoge la que más te guste y editala o úsala tal cómo está.
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
29 comentarios:
Está muy bueno eso de que se pueda modificar en photoshop. Recuerdo que cuando estaba haciendo mi blog, busqué pero sólo encontré imágenes estáticas en formato JPG, GIF, por lo que tuve que editarla con el Banner Maker. jajaja. Nada que ver. Y bueno... todavía no manejo el photoshop, pero cuando termine el curso del Autor... Vamos a ver!
Un abrazo!
La verdad es que sí es una ventaja que se puedan editar, lástima que no todas traen el archivo PSD.
Cuando acabes el curso vas a ser un master del diseño, así que haz el propósito de no llegar tarde, jaja.
Saludos.
Gracias por el aporte.
PD: me gustaría invitarte a formar parte de La Faviconera, un directorio de 16x16 que he creado para la promoción de los blogs, te dejo la url para que, si te apetece, unirte.
lafaviconera.blogspot.com
Un saludo y gracias.
Muchas gracias Raúl, ya me daré mi vuelta.
Saludos.
Muy buenos, ya veré que tal :)
Es justo lo que buscaba, como siempre mil gracias..
omegagil
yo utilizo la plantilla blogy-webby y me preguntaba si ¿se puede poner cabecera sin que quede oculto el menu y sin quede descentrada la cabecera?.
Hola Chrome-G,
Claro que puedes hacerlo. Entra a Diseño > Edición de HTML y busca esta parte:
#header-wrapper {
Cambia donde dice background, por esto:
background: #0C72A2 url(URL de la cabecera) no-repeat center;
Con eso la cabecera estará centrada y sustituirá la actual azul que tienes.
Procura que la imagen de la nueva cabecera tenga un ancho de 778px que es la medida del ancho de tu blog.
Saludos.
MUCHAS GRACIAS POR CONTESTAR TAN RAPIDO Y TAN ACERTADAMENTE.
TE HE AGREGADO AMIS FAVORITOS.XD
LO HE LOGRADO PERO POR AHORA VOY A MANTENERLO ASI ( X Q ESTA EN CONSTRUCCION):P XD
NUEVAMENTE GRACIAS.
Hola Chorme-G,
Gracias por agregarme a tus favoritos.
La verdad es que esos colores de tu plantilla están muy bien, o al menos a mí me gusta así, pero no está de más que abras un blog de pruebas y ahí hagas todos los cambios que quieras para ver cómo quedaría.
Saludos.
Hola potro como le hago para poner en mi blog la cabecera de una imagen de navidad, que dimensiones es, que código edito.
Hola cargohe,
En tu plantilla es un ancho de 960px, busca esta parte:
#header {
background: #111 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/header.png);
Cambia esa URL por la URL de la cabecera que quieres poner.
Saludos.
Ok gracias ya la cambie.
Salu2
muy bueno!, hablando sobre unos comentarios que vi arriba del photoshop, os dejo un blog mio con mis creaciones ;) -->
www.super-photoshop-cs.blogspot.com
soy yo, lo ke me cambie el nombre, soy Simon Potter
jaja, me gusta tu nuevo nick =)
Hola Potro esta super tu blog!! muy bien explicado y de excelente ayuda para los que apenas nos iniciamos en esto de hacer un blog, tengo una pregunta como le pongo un logo a mi cabecera o nombre de blog si que este se salga del cuadro??? o como edito la cabecera para hacerlo muy personalizado y no se vea tan simple???? sabes este blog es un proyecto escolar donde mis companeros y yo subiremos tareas de la universidad y nos gustaria que quedara excelente...te dejo la direccion del mismo www.uni2lae.blogspot.com
de antemano t agradezco la ayuda que me puedas proporcionar!!!
Hola UNID,
Entra en Diseño > Elementos de la página y haz click en Editar sobre el elemento Cabecera. Ahí selecciona la imagen de tu computadora y haz click en Subir.
En el caso de tu plantilla se recomienda que la imagen de la cabecera tenga un ancho máximo de 720px.
Saludos.
mui buen aporte, tienes muy buenos
vale gracias
Gracias a ti por tu visita.
Hola potro que tal de nuevo vengo a recurrir de tu sabiduria , la verdad esque estoy editando un blog de anime pero en la cabecera ,en la parte izquierda aparace las palabras : anime on line,ya lo quite solo se borrra el widgetd de cabecera en elemento de html pero lo volvi a poner para que lo chekaras ,pero tengo una duda .¿Habra manera de que en ese cuadro en vez de esas letras pueda ir una imagen que se ajuste a ese cuadro?valga la rebundancia y la otra pregunta ¿O hay una posibilidad de que mi imagen de cabecera se puede extender toda y asi cubra el cuadro ese que dice anime on line? Bueno esa son mis dudas por el momento espero que me puedas ayudar gracias .
PD:En cuanto los diseños de mis blogs queden bien esteticos ,pondre tus banners, saludos
Prueba con esto, busca esta parte:
#logo{
width:200px;
padding:18px 0 0 0;
float:left;
}
Cambia ese 200px por 0 (cero)
Luego busca esta parte y agrega lo que está en negrita:
#headerarea{
height:105px;
display:block;
background: url(URL de la imagen) no-repeat;
}
En la URL de la imagen agrega la imagen de fondo que quieres que cubra toda el área.
Saludos!
hola potro me e quebrado la cabeza buscando como poner mi cracion que no es muy bonita pero es mia,me entiendes lo unico que e logrado y no muy bien es ponerla como imagen,en la cabezera de mi blog esta en png,en mi equipo
la tengo como gif,y esto ultimo es lo que quiero por favor ayudame a ponerla en gif con mobimiento.
la respuesta que le diste a "cargohe"pense que me serviria pero no estan esos codigos en mi pantilla.
En el caso de tu blog es distinto porque usas las plantillas nuevas de Blogger y todo funciona diferente ahí.
Busca esta línea:
.Header h1 {
Y arriba de ella agrega esto:
.header {
background: url(URL de la imagen) no-repeat;
}
Saludos.
hola potro la imagen gif a poner la subo a algun servidor o la publico como entrada,otra cosa si te fijas la imagen jpg que esta en este momento no esta sentrada,bueno no inporta lo unico que me inporta en este momento es que funcione el gif gracias señor.
Súbela en otro servidor como Imageshack o Dropbox, si la subes desde Blogger no tomará en cuenta la animación.
gracias potro por tu pronta respuesta,y tu ayuda en general,me di cuenta de un detalle,que mi gif es bastante mas chico en cuanto a la imagen que puse en la cabesera me hago un nuevo gif,y te cuento,copie en el blog de notas tus indicaciones :)
PD.el banner de ciudad blogger quedo muy bien = :)
saludos.
Hola primero felicitaciones muy buenos los consejos y muy precisos...ahora si la pregunta estoy usando la cabecera simpleblack (gracias x esto tambien xD) como le hago para cambiar la cabecera en esta donde edito el codigo?..muchas gracias de antemano
Pues podrías ponerla de forma normal entrando a Diseño > Elementos de la página y hacer click en Cabecera, ahí subes la imagen de la cabecera que has elegido.
Otra opción es que entres a Diseño > Edición de HTML y abajo de #header {
Agregues esto:
background: url(URL de la imagen);
Saludos y gracias por los comentarios.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.