Como retirar o fundo preto do cabeçalho?


Yoo ~ my cupcakes, buenas noches (se estiver errado me corrijam, não sou boa em espanhol )
Como vocês estão? Bem hoje meu dia foi uma bosta maravilhoso.  Bem, primeiro, quase morri de dor de estômago, se é que você me entende né. Segundo, o blogger maldito quase acabou com a minha vida blogástica. Eu estava toda contente criando um layout free (os blogueiros piram)  pra comemorar quando o blog atingir 50 seguidores e  então, aconteceu uma tragédia...O cabeçalho transparente ficou com fundo preto *o*. Minha primeira reação foi de que  eu não tinha salvado como png e blá blá blá, mas após vários cabeçalhos editados e salvos, descobri que tinha sido mais uma daquelas do blogger. 
Então, depois de me descabelar e pirar um pouco, descobri uma maneira pra retirar essa macumba. 
Se alguém souber de uma maneira mais fácil me avise ok?
Vamos ao tutorial?
Primeiro, nós vamos ter que excluir o cabeçalho do blog.

Vá em editar html e procure por esse código:

<b:widget id='Header1' locked='true' title='SEU BLOG (Cabeçalho)' type='Header'/>
No lugar de "SEU BLOG", vai estar o nome do seu blog. Troque a palavra true por false e salve.
Agora vá no gadget do seu cabeçalho, que vai ter um botão de excluir gadget. Então clique em excluir.
Agora você vai colocar um cabeçalho pelo html.
Vá em editar html e procure por: 
.tabs-inner {
Depois dessa tag, vai está escrito:
padding: 0;
Após essa tag cole:
background: url(url da sua imagem) no-repeat;
background-position:center; 
 padding-top: 340px;

Agora é só colocar o endereço da imagem do cabeçalho onde está em negrito e ir alterando o valor para que a imagem apareça completamente no cabeçalho. Recomendo vocês hospedarem a sua imagem no imageshack.com. 
Bom pessoal, o tutorial ficou enorme, eu sei. Mas está bem explicadinho para que nada dê errado.
Se der erro me avise para eu matar o blogger te ajudar.
Kissus ♥

39 comentários:

  1. Bem Explicado' :D

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Desculpa por invadir o espaço, mais e que eu preciso de ajuda imediatamente, já tentei fazer o tutorial mais não deu certo, alguém me ajuda?? :/

      Excluir
  2. muito bom o tuto, mas acho melhor se fosse tudo em um mesmo post rs XD

    ResponderExcluir
    Respostas
    1. Obrigada, tentei fazer mas não deu certo.... >///<

      Excluir
  3. Obrigada finalmente conseguii mudar meu cabeçalhoo!
    Obrigada amore *-*
    Obrigada mesmoooo!
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
    Respostas
    1. De nada linda, que bom que esse tuto te ajudou :D

      Excluir
  4. Obrigada! Eu estava achando muito estranho!
    Bjs
    luisadub.blogspot.com

    ResponderExcluir
    Respostas
    1. De nada, também achei muito estranho essa mudança do blogger ;))

      Excluir
  5. Fiquei com muita raiva quando vi o fundo preto lá, mas depois consegui resolver >3<
    Ótima explicação, esse tuto vai ser muito útil >3<
    Beijos
    ill-help-you.blogspot.com

    ResponderExcluir
    Respostas
    1. kkk É assim mesmo, o blogger quer tirar uma da nossa cara. Que bom que gostou do tuto ~~(.u.)~~
      Kissus
      with-you-s2.blogspot.com

      Excluir
  6. Muito bem explicado esse tuto *-* amei aqui ♥
    sweetteen-st.blogspot.com

    ResponderExcluir
  7. O tuto deu certooooo :D
    Estou seguindo aqui, poderia retribuir? Bjoos
    http://blog-happy-girls.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que te ajudou :D E claro que sigo flor...

      Excluir
  8. Adorei o tuto, bem útil :3
    Mais acho que é só hospedar a imagem em algum lugar diferente, sem ser do blogger, colocar o link e pronto, haha >3<'

    Modern HTML

    ResponderExcluir
    Respostas
    1. Obrigada, é que depois que eu tinha feito o post que vi uma maneira mais fácil, mas aí lembrei que poderia também ensinar a colocar o cabeçalho pelo html no mesmo post :D

      Excluir
  9. Nossa tão explicado,mas isso nunca tinha acontecido comigo,e que pena que você quase morreu shuashuashuashaushaushaushaus.

    clube-dos-blogueiross.blogspot.com.br =>Visita? bjus

    ResponderExcluir
    Respostas
    1. Obrigada, kkkkkk' é foi tipo um mini-infarto :P

      Excluir
  10. Oi flôr ! Primeira vez aqui e tô amando! Aconteceu o mesmo comigo! Só que eu não retirei o cabeçalho, apenas hospedei a imagem no imgbox (que nunca me decepcionou) <3 e coloquei pelo blog mesmo, sendo que ao invés de enviar a imagem coloquei o link da imagem hospedada!

    Amei o tutorial eu fiquei louca também a três dias atrás, por conta disso u.u!
    Seguindo espero que consiga sua meta logo, pra poder ver esse seu layout!
    Beijos Flôr!
    http://aconteceudepoisdos14.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada sua fofa, eu tinha percebido essa maneira mais fácil depois que eu já tinha feito o tuto. Obrigada por seguir, vou seguir de volta. O layout está pronto já e está digamos, mais ou menos :D

      Excluir
  11. amei queria muito saber mesmo como fazer para tirar o fundo preto do cabeçalho fica muito feio

    ResponderExcluir
  12. Eu não consegui achar .tabs-inner { se pudesse me dar outra dica de como resolver esse problema eu agradeço muito, obrigada ...

    ResponderExcluir
    Respostas
    1. Olha, tem outro tutorial, em que você não precisa excluir o cabeçalho. Primeiro, você tem que hospedar sua imagem no imageshack.com. Segundo, sem ter excluido o gadget do cabeçalho, vá nele e ao invés de carregar o cabeçalho do seu pc, você coloca a url da imagem que você hospedou na segunda caixinha. Espero ter ajudado :D

      Excluir
    2. Cooooonsegui *-* mudei de tema e tentei, ai deu certo :*** obrigada :b

      Excluir
  13. Preciso de ajuda não estou a conseguir fazer isto e preciso mesmo porque tenho que acabar um trabalho

    ResponderExcluir
    Respostas
    1. Então, como eu disse para a garota acima , tem outro tutorial, em que você não precisa excluir o cabeçalho. Primeiro, você tem que hospedar sua imagem no imageshack.com. Segundo, sem ter excluido o gadget do cabeçalho, vá nele e ao invés de carregar o cabeçalho do seu pc, você coloca a url da imagem que você hospedou na segunda caixinha. Espero ter ajudado :D

      Excluir
  14. Olá! estou com o mesmo problema , eu segui o tutorial e não consegui achar o .tabs-inner {
    já segui o outro tuto que você disse aqui nós comentários , mas mesmo assim não consegui T~T . tem alguma ideia do que eu possa fazer ?
    Obrigada! e parabéns pelo tutorial!

    ResponderExcluir
    Respostas
    1. Olha, tenta hospedar a imagem em outro lugar como no facebook, netupload.org ou www.casimages.com.br, caso não dê certo de novo, me contacte pelo facebook https://www.facebook.com/mariana.dejesusoliveira.9

      Excluir
  15. Graças à Deus alguém fez esse tuto pq estava ficando desesperada!
    Vou fazer o q sugeriu e vê se dar certo!
    Te conto depois!
    recantodafadaalice.blogspot.com.br/

    ResponderExcluir
  16. eu também não consegui achar o .tabs-inner { ):

    ResponderExcluir
    Respostas
    1. Tenta fazer isso: nesse tutorial, você não precisa excluir o cabeçalho. Primeiro, você tem que hospedar sua imagem no imageshack.com. Segundo, sem ter excluido o gadget do cabeçalho, vá nele e ao invés de carregar o cabeçalho do seu pc, você coloca a url da imagem que você hospedou na segunda caixinha. Espero ter ajudado :D

      Excluir
  17. Muito bem explicado porém não apareceu o botão de excluir gadget, e esse cabeçalho tá me deixando louca finalmente fiz um que gostei e ai aff, bom já que você não se importa seguindo, segue de volta,rsrsrs, obrigada.

    ResponderExcluir
  18. Você acredita agora consegui até que emfim, obrigado.

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ