Cómo diseñar la cabecera de tu blog

|
Entre nosotras, yo no soy diseñadora, ni con lápiz, ni con pinturas y mucho menos con ordenador, una pena, porque lo hubiera petado ;P pero sí que intento seguir ciertos criterios a la hora de “diseñar” algo

Lo primero es menos es más, y lo segundo, alguna combinación de colores a ser posible pastelosa y que combine entre ella armónicamente
Como os digo, soy una patata, pero para eso está internet, así que hecho mano de las paletas de colores como esta que veis aquí abajo
Si necesitáis inspiración sobre las gamas de colores, desde el blog de Design Seeds vais a encontrar un montón, o sino, desde estos pins de Pinterest que os he buscado
A mi sin duda lo que más me ayuda, es navegar por la blogosfera. Es la manera que tengo de ver que me gusta, que no y de inspirarme que no copiar
Lleva mucho tiempo, pero no olvidemos que nuestro blog es nuestro negocio, así que hay que tratarlo con mucho cariño y dedicarle el tiempo que merece
Suelo utilizar Photoshop Elements para estos quereceres, es fácil y tiene lo indispensable que necesito. Sé que no todas lo tenéis o no lo sabéis utilizar, así que para este caso, utilicé Picmonkey, un programa online gratuito y muy fácil
Además, justo la semana pasada Esther, empezó con su Diseño de blogs para principiantes, así que no habrá que perderlo de vista porque seguro tod@s, aprendemos un montón de una profesional como ella
Yo os he preparado un vídeo tutorial de como diseñar vuestra propia cabecera del blog, es muy escandalosa, pero lo hice así para que vierais bien los pasos
Espero os ayude!

97 lectores ha opinado, ¿cual es la tuya?

  1. Isabel Leyva

    sí, sí que funciona, lo que pasa es que parece ser que se ha colgado unos minutos Youtube, no sé que le ha debido pasar. he estado intentando acceder a mi cuenta desde Chrome, Firefox, Explorer… y nada, ahora ha vuelto y ya funciona bien

    gracias por avisar!

  2. WEYSA

    Gracias por descubrirme este blog yo hace unos meses usaba picmonkey pero poco a poco empece a usar photoshop yo tengo la version cs5 y cada vez me flipa mas diseñar incluso me apuntado a un curso de diseño, aunque cada vez voy descubriendo mas cositas que puedo hacer y me estoy enganchando.

  3. Isabel Leyva

    bien hecho Ruth! yo el año pasado estuve yendo a uno que duró infinito, a las tantas de la noche y 3 veces por semana. como ves, va a ser difícil de olvidar, pero me fue genial aunque mi alzheimer no deje acordarme de mucho ;)

  4. Marialu

    Unos consejos muy útiles!! No conocía el PicMonkey ese por dentro, así que el video me ha encantado, para poder cotillear ^^
    Un ebso,
    marialu

  5. Isabel Leyva

    seguro que sí Bea! como digo en el vídeo, yo utilizo Photoshop, hice el vídeo por vosotras, porque sé que muchas no utilizáis PS. seguro que si investigas, lo encuentras, y si no, más adelante haré como hacer otro diseños de cabeceras :)

  6. Anna

    Jo, mil gracias. LLevaba todo el día intentando hacer una cabecera decente para mi blog y por fin lo he conseguido :)

  7. Gaia

    Muchas gracias!!!!! Llevo una semana buscando una cabecera para mi blog y no era capaz de diseñarlo. Con tus explicaciones me quedará bien chulo!!!

  8. Sandra Baron

    Hola, de que forma podria subir una presentación de fotos a la cabecera? me sería muy util para mostrar las cosas que hacemos. mil gracias por tus explicaciones!!

  9. Imma Pérez López

    Hola Isabel,

    En primer lugar decirte que me encanta tu blog,yo soy nueva en esto y buscando,buscando…te he encontrado!.En estos momentos estoy creando mi propio blog y me gustaría poder diseñarlo yo misma,aunque soy como un pez fuera del agua,o sea,ni idea!
    He estado viendo tu tutorial para hacer mi propia cabecera,pero he intentado descargarme el programa Picmonkey y no hay manera de encontrarlo en español,podrias decirme la página de donde lo descargaste,si no es una molestia?.Gracias
    Un saludo

    1. Isabel Leyva

      Hola Imma! Picmonkey no se descarga, es para utilizarlo online, como cualquier otra web. tan solo tienes que entrar, hacer la cabecera que te guste y cuando la tengas, guardarte el archivo en el disco duro del ordenador :)

  10. Pociosa

    Hola, tengo un diseño de cabecera, la hice en un programa de diseño, la hice en png, no tiene fondo, es transparente, pero cuando la subo a mi blog, el fondo se pone negro, ¿sabes como hacer para que quede transparente?. Gracias.

  11. State beauty

    Hola guapa!! Me ha gustado mucho el tutorial y me ha sido muy muy útil, mi única pega es que al subir la imagen de la cabecera al blog me aparece un marco negro alrededor y no sé quitarlo. Quiero que quede todo uniforme en blanco. Te pongo el link si quieres para que lo veas tú misma y así saber qué puedo hacer!
    http://statebeauty.blogspot.com.es/

    Muchas gracias!

  12. MARÍA JESÚS

    Hola Isabel,he llegado a tu blog buscando en internet porque quería cambiarme la cabecera del blog y gracias a tus explicaciones en el tutorial he podido tunearlo ejje, es muy sencillo porque como en todo lo del blog he sido autodidacta y no puedo aspirar a grandes cambios ejej…pero quería darte las gracias porque me gusta cómo ha quedado…tienes un blog impresionante…besitos guapa y feliz día!

  13. AB

    Hola! Muchas gracias por el tutorial, ha sido magnífico! Pero tenía una pregunta. Hago la plantilla y cuando la subo al blog, me aparece con un recuadro negro por detrás de lo que es el cuadro blanco…
    Sabes por qué es así?
    Un saludo

  14. Juani de la Rocha

    ¡Hola Isabel!

    ¡Muchísimas gracias! Como siempre, ¡tus tutoriales son auténticas clases magistrales sobre el “Blogueo”! ;) Como he visto que dicen por ahí, ¡qué paciencia has de tener para explicárnoslo todo!

    Tengo una preguntita, quizá alguien me puede ayudar. El caso es que quiero crear una cabecera “original” como todo el mundo pero no sé qué programa utilizar o cómo hacerlo. PicMonkey está muy bien pero digamos que los “fondos” que ofrecen para las cabeceras no me convencen mucho… ¿Hay algún otro programa para diseñar cabeceras que esté bien?

    Un saludo fuerte y graciasss! :-*

    1. Isabel Leyva

      pues es que yo utilizo Photoshop y no te sé decir, pero puedes crear una cabecera siguiendo el mismo proceso del vídeo tutorial “cómo crear etiquetas/categorías para tu blog”, de esa manera le puedes añadir la imagen que quieras

  15. Mónica Vázquez González

    Hola, intenté cambiar la cabecera del blog pero me queda a la izquierda y quisiera ponerlo en todo el ancho del blog, a mí me pone 760 pixeles y es lo que pongo en picmonkey no sé que fué lo hice mal. Por cierto muy bueno tu blog, éstas ayudas son fundamentales para las que empezamos.
    un saludo

    1. Isabel Leyva

      puedes probar 2 cosas, al subir la cabecera desmarca donde dice “ajustar al tamaño 760px”, y 2a opción si sigue mal, intenta hacerla más grande. se puede arreglar desde el html, pero es un lío si no estás habituada, sin ayuda sería complicadillo

      besos!

  16. Olaya San Pedro

    Muchas gracias por tu ayuda!! tengo un problema con la cabecera, pues queda de diferente color que el fondo!! he probado de todo : hacer el fondo de la cabecera transparente etc ¿Alguna pista?

    Un saludo

  17. CocinaBlogGemma

    ¡Al fin he creado una cabecera para mi blog! Es bastante rápido éste método. Anteriormente me hice un cabecero con una foto de las que subí al blog porque me daba pereza ponerme con el PS… ¡Gracias!

  18. NanaKiss

    Hola me encantan tus videos pero tengo tengo un problema y es que a mi no me apaece el ancho de cabecera que hago? Gracias :)

    1. Isabel Leyva

      pues si añades un gadget como imagen debe de aparecerte, es que no hay otra manera fácil :( la siguiente es en el html pero no te la recomiendo

  19. Laura Ramirez

    Hola Isabel! He descubierto tu blog hace poco y me ha venido perfecto! he hecho una reforma en mi blog gracias a ti, he descubierto muchisimas cosas!! pero tengo un problema, hice la cabecera del blog en picmonkey, queria un fondo blanco con letras en negro porque me gusta la sencillez, pero si te das cuenta la imagen en el blog no se ve del todo blanca, se ve como gris…:(:( y no se porque! me podrias ayudar? me pasa lo mismo con el widget de la barra lateral, que tambien lo cree en picmonkey!
    Muchisimas gracias de ante mano!
    Un Besazo.
    http://www.depetitsmoments.com/

  20. Trinity

    Hola Isabel, muchas gracias por esta entrada, explicas temas muy interesantes, y en concreto acabo de ver tu video de picmonkey y lo he probado. ¡Queda fantástico!
    Un saludo cordial

  21. sonia soria

    ¡Hola Isabel!

    Quería comentarte que hace un año que tengo un blog y todo lo que voy aprendiendo para diseñarlo es por mi cuenta, buscando aquí y allá cada vez que tengo tiempo y sin tener a penas ni idea de nada.Ayer por casualidad, buscando como cambiar mi cabecera de blog ,encontré tu tutorial y estoy encantada de la vida, me ha sido muy útil y la forma de explicar que tienes es buenísima.

    Tengo muchas cosas que aprender y tu blog es un diamante para mi así que a menudo te visitaré.
    Muchas gracias por compartir.
    Saludos desde:
    http://bloguntoquevintage.blogspot.com.es/

  22. Di mamá

    Muchas gracias!!!! llevo un mes tratando de diseñar mi blog tus consejos son buenísimos!! lo mío no es la informática, soy un desastre, me encanta tu blog y tus consejos, menos mal que te encontré muy agradecida, Melina.

  23. Anonymous

    Hola Isabel,

    Muchas gracias por tu tutorial, me ha sido de gran ayuda, pero a mi me gustaría saber como has hecho el titulo de tu blog, por ejemplo, porque yo he visto muhos por la blogosfera y no son tan sencillos.

    Mil gracias. Un saludo

  24. walkiria

    Ha sido genial el vídeo, nunca pensé que fuera tan fácil. Te lo agradezco muchísimo, sin gente como tu, que comparte lo que sabe, nos volveríamos locas. un abrazo enorme.

  25. Daniel Caballo

    Hola Is, podrias explicar como hacer para que cuando la gente cliquee en la photo de tu cabecera, se vaya a la pagina principal del blog, como tu tienes echo en Mamaquieroserbloger? Un saludo y gracias por tu ayuda.

  26. paupemitesoro SONIA S.G.

    Lo primero quiero decir alto y claro que no hay NADIE que explique las cosas como tu. Eres genial y entiendo perfectamente todo lo que dices. Realmente eres un genio.
    Ahora tengo un problema y quiero consultarte.

    Cuando uso PicMonkey puedo usarlo prefectamente pero luego cuando intento guardar la imagen, me dice que internet dejo de funcionar, y me saca del programa. Lo he intentado de mil formas y no soy capaz. Qué hago mal?????

    Un millón de gracias por todo.

  27. Pervinca

    Acabo de empezar con mi blog y ya había perdido la esperanza de poder crear una cabecera bonita hasta que encontré tus tutoriales, medio por casualidad. Soy bastante negada para todo el tema de HTML, diseño y esas cosas, pero es que tú lo explicas genial. ¡Muchas gracias por todo!

  28. jm blasco

    Pues no sé si solo me pasa a mí, pero no me deja hacer la etiqueta de otra manera que no sea cuadrada (picmonkey).
    Cuando quiero reajustar el tamaño, me lo cuadra. Vamos que mi cabecera es 1110×300, y no me deja. O pongo 1110×1110 o 300×300.
    Enhorabuena por tu blog.

  29. Modersna

    Hola :3 Tengo una duda. Tengo mi cabecera echa. Pero cuando la subo, se alinéa a la izquierda en lugar de quedar centrada. ¿Cómo hago?

  30. Anonymous

    Hola, tengo una dudilla, el fondo de mi cabecera hecha con picmonkey como bien indicaste en los libros se ve de un color grisáceo al ponerla en el blog cuando su color original es el blanco ¿Como puedo cambiarlo? Muchas gracias y enhorabuena por tu trabajo, es impresionante!

  31. Bárbara Álvarez

    Hola Is! Quería hacerte una pregunta! Tengo problemas para que en blogger me dejen poner las fotos de forma que ocupe toda la entrada. Yo pongo siempre tamaño extragrande, pero aún así las veo muy pequeñas…La otra opción es dejarlas en tamaño original, pero de esa forma se como el margen de la derecha… He aprendido a cambiar el tamaño de las fotos, variando los números de ancho y largo de cada foto, sin embargo la calidad de la foto se ve dañada y por otro lado es un trabajazo metiéndome de una a una foto y haciéndolo manualmente. ¿Se puede, de algún modo, fijar el tamaño de manera automática? Gracias!

    Bárbara

    1. Isabel Leyva

      lo ideal, es que averigües cual es el ancho de tus posts. eso puedes saberlo desde el html por ejemplo o desde el diseñador de plantillas

      te aconsejo re dimensiones las imágenes al tamaño exacto del ancho del post con programas como Photoshop, antes de subirlas al blog, y luego dile originales

      así seguro no tendrás problemas :)

  32. Dolç Corner

    Buenas tardes Isabel, es una entrada muy buena.
    Cuando creo la imagen en PicMonckey la creo con la tonalidad azul, amarillo y blanco que me gustan y al guardarla subirla al blog me cambia los tonos. ¿sabes cómo arreglarlo?

    Muchas gracias!

  33. Natalia Martina

    Hola Isabel, me encanta el blog y me estas ayudando muchiiiiisimo, pero tengo un problema, estoy subiendo el diseño que hice para el blog en picmonkey, pero al subirlas varía el color, tambien me pasa cuando subo imágenes para las etiquetas. sabes que puede ser, las oscurece y bastante, el blanco parece gris y los verdes pasteles verdes secos :( .. gracias!!!

  34. macu perez perez

    Hola Isabel , primero queria darte las gracias por compartir todos tus conocimientos , no sabes el favor que nos estas haciendo con tus tutoriales y videos.

    Gracias a tí me puse la cabecera del blog, y ahora estoy en busca de hacerle algunos cambios, si no te importa me voy a quedar por aquí para ver si logro cambiar el color de fondo del blog porque es un color que me está cansando, pero no me gustan los que me ofrece bloguer.. me ¿puedes orientar , porfavor?

Comments are closed.