27 de mar de 2013

TUTORIAL: Menu na faixa do cabeçalho

Esse tutorial foi um pedido, uma menina comentou perguntando como colocar esse menu que fica bem na faixa do cabeçalho do blog, vocês podem ver um exemplo no Kawaii World e no Go Imagine. E gente, eu pesquisei e é muuuito fácil!

iCarly photo iCarly_iFight_Shelby_Marx_PH_6_zps515120fe.jpg



Veja como fica:



Você vai precisar ter o cabeçalho na tela inteira para colocar a faixinha avá
Pra quem já conhece aquele velho tuto de cabeçalho na tela inteira do blog ou dois backgrounds no blog, vai ficar bem mais fácil, mas pra quem não conhece clica aqui!

Agora, você só precisa colocar o menu na faixinha! Você tem que utilizar o menu padrão do blogger logo abaixo do cabeçalho, veja:

Reprodução - Go Imagine

Já fez isso? Agora vá no painel do blogger, clique em modelo - personalizar - avançado - plano de fundo das guias e deixe as duas cores transparente. Como nessa foto do Go Imagine:

Reprodução - Go Imagine
Visualize seu blog, o menu está posicionado na faixinha? Não? Então temos que ir até o HTML do blog e pesquisar por .tabs-inner {, cole abaixo dele:

margin-top: -50px; /*para afastar o menu para cima ou baixo troque o número*/
margin-left: 0px; /*para afastar o menu para esquerda ou direita troque o número*/

Vá ajustando até ficar como quer! E prontinho já tem um lindo menu na faixa do seu blog! ;)

Tive ajuda do Go Imagine para fazer este tutorial, créditos à ele!

Não ajudou? Clica aqui.

17 comentários:

  1. Otimo Tuto , Novo Post Comenta ? http://garota-impiedosa.blogspot.com.br/2013/03/5-dicas-para-voce-organizar-seu-quarto.html :)
    Beijos Garota Impiedosa .

    ResponderExcluir
  2. Olá Cupcalelland!
    Obrigada pelo visita no M.M.G !
    Retribuindo e opinando: Seu blog é incrível! Super hiper big lindo >u<
    ICarly, amo <333
    Beijos!

    ResponderExcluir
  3. O resultado fica realmente lindo.
    http://blog-smallunicorn.blogspot.com

    ResponderExcluir
  4. Aw amei o tuto!Mais não sei se combina com o desing.Queria saber se aqui tem uma ask tenho várias ideias!Bjs
    juju-kawaii.blogspot.com

    ResponderExcluir
    Respostas
    1. Já coloquei o gadget da ask amr! Bezos, volte sempre! ;)

      Excluir
  5. Um tutorial útil e fácil de fazer, adorei

    ResponderExcluir
  6. adorei o tuto!
    ~Kisses
    things-to-html.blogspot.com

    ResponderExcluir
  7. Amei esse tuto. Pode fazer um lay para mim? Depois eu dou detalhes. Obrigada.
    Eu queria muito que voltasse a alcampanhar o blog.
    The Inevitable

    ResponderExcluir
    Respostas
    1. Amr, me desculpe pela sumidinha q dei no seu blog, mas acabei de voltar cm meu blog de férias, e estava ocupada com os novos postadores do blog, mas não se preocupe, vou ler seus posts e comentar cm frequencia agora! #palavradeescoteira
      Infelizmente não encomendo layouts, mas pode pedir utilitarios como brushes, ilustrações, e outras coisitas! Bezos, volte sempre! ;)

      Excluir
  8. Oi linda,amei o tutorial e sua visita no meu blog;)
    Aqui é muito fofo já estou seguindo.
    pode retribuir e seguir o meu também???
    também gostaria de pedir afiliação;}

    Sckitty World

    ResponderExcluir
  9. Amei o tuto! Eu vim rs
    Aceita filiados?
    http://radioactive-pandas.blogspot.com/

    ResponderExcluir
  10. e, esse tutorial e muito util, quando não se consegue encontrar um menu de gadget.

    beijinho.
    www.blogsweetgirls.com

    ResponderExcluir
  11. Obrigado pelo tuto >.< vou tentar fazer !!
    Tem 1 vaga para postador (a) no meu blog, quem quiser se inscrever clika nesse link
    Nova Juventude 21

    ResponderExcluir
  12. Excelente tuturial!!!
    Aceita afiliação?? Sigo, segue de volta?? Já só faltam 3 para chegar aos 100!!
    Por favor, visite o meu blog e vote na nova enquete do Conhecendo Lugares.
    Conto com a sua ajuda e com o seu voto.
    Beijos
    http://fashion--and--you.blogspot.pt/

    ResponderExcluir
  13. Esse tutorial é bem fácil né?
    Eu usava um parecido no meu antigo layout e amava o resultado
    rs,vou usar no novo lay do blog
    bjs

    visita?se gostar segue!
    w w w . supercaprichada . c o m . b r

    ResponderExcluir
  14. Muito legal o efeito!
    garotadabolsa.blogspot.com

    ResponderExcluir

Obrigada por comentar!
- Sem tempo para tags e selinhos
- Sigo de volta, mas seja educado e comente sobre o post ok?!
- Afiliações FECHADAS