A arte de viver é simplesmente a arte de conviver... simplesmente, disse eu? Mas como é difícil!
Navigation

Como colocar Menu como barra fixa no topo do blog

    Ol√° amigos do blog commaosdeseda, voc√™s sabem como colocar essa barra fixa no blog com links? querem aprender ent√£o vamos l√°.                                 Eu testei muitos  tutoriais e uma grande maioria deles por ser .js conflitavam com os que j√° tenho ent√£o resolvi pesquisar, peguei um e outro e adaptei algumas coisas e vou adaptar mais tentando colocar os √≠cones das redes, mas isso √© para depois, vou passar para voc√™s esse que uso agora ok. Vamos ao passo a passo.


1¬ļ Abra em seu modelo e procure por esse c√≥digo
 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
2¬ļLogo abaixo coloque
Onde estiver escrito LINK em mai√ļsculo coloque os links
Onde estiver escrito  Nome do link coloque o nome do link. N√£o retire nenhuma '' ou ' elas s√£o importantes para o funcionamento da barra, ok Amiguitos!
Em  font-family: ??????;  Voc√™ pode mudar o nome da fonte, n√£o retire a ; ok!
Em font-size: ??px pode mudar o tamanho da fonte
Em (to bottom, #0421b4, #09cdf6) pode ser modificado as cores do fundo da barra ok
Quer colocar tamb√©m o  Volte ao topo  que aparece apenas quando voc√™ desce, v√° em  Brinks Volte ao topo para blogs!  
√Č super simples n√£o √©!
Gostaram, comentem deixem uma curtida aqui em baixo. 
Se for fazer, venham aqui e digam  como foi e experiencia, irei la conferir!
Foi um Imenso prazer ajudar voc√™! 
Personal Development Category (Portuguese)728x90

Vem comentar e marque Notifique-me:

34

  1. Sim amiga,eu gostei e acho super importante,mas essas coisas que queimam a minha mufa,(Os neur√īneos eu deixo para uma amigona fazer pra mim.
    Porém valeu a dica.
    Bjsss

    ResponderExcluir
  2. Obrigada pela dica, o menu fixo √© muito √ļtil.
    Posso dar uma sugestão? Coloque uma fonte "padrão" no blog, fica melhor para visualizar os artigos. Só uma sugestão tá?!

    Beij√£o!

    ResponderExcluir
  3. Respostas
    1. Qualquer duvida sobre estarei pronta a ajudar la no face, ta Joana é só falar! Bjocas!

      Excluir
  4. Nossa super simples, vou testar quando eu mudar meu layout!
    Beijos!

    ResponderExcluir
  5. Amei seu post!!!
    é super importante aprender,
    para melhorar nosso Layout!

    Bj√ļ√ļs

    ResponderExcluir
  6. Tudo que eu precisava.! eu tentei vendo um vídeo , porém n deu muito certo, agr irei tentar novamente. Obrigada =) Beijos
    http://mundoyoung.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Pois é Vanessa passei semanas procurando quando eu tinha um tempinho tentava e não dava certo até que encontrei um bem simples e adicionei uma coisinhas como mudar a fonte, cor, retirei o .js para acabar com o conflito e pronto.. ficou super simples até de instalar.

      Excluir
  7. Que tutorial interessante, eu j√° usei muito,
    quando estava no blogpost
    ficou bem bacana
    bjs

    ResponderExcluir
  8. Ol√° Midian!
    Vc sempre nos ajudando!
    Ano passado eu quis fazer isso no meu Blog, pois facilita e muito, mas vi tantos tutoriais complicados, que acabei deixando para dps e esse dps nunca veio, kkk
    Mas agora vou fazer no meu!
    Muito obrigada por compartilhar!
    Um super bjo!

    Alê - Bordados e Crochê
    Facebook
    Twitter
    Instagram

    ResponderExcluir
  9. Adoro esse tipo de dica, são preciosas para nós que queremos dar um toque especial ao nosso blog!
    Valeu a dica Midian!

    Bjos =D
    Minda

    ResponderExcluir
  10. Eu amo esses tipo de tutorias ensinando a por os detalhes nos layout mais eu sou um desastre nisso rsrs, morro de medo de errar e cagar todo meu layout, por isso peço pra alguém fazer pra mim. bjs

    ResponderExcluir
    Respostas
    1. Eu também morria de medo, até fazer o blog teste com tudo igual ai testo lá primeiro, e ainda faço o backup desse meu antes de qualquer mudança.

      Excluir
  11. Achei simples e muito legal de sua parte compartilhar, mas n√£o irei arriscar no meu, pois sou muito atrapalhado nessas coisas

    Beijos
    Rafael

    ResponderExcluir
  12. Eu queria saber como fazia este tutorial aprendi em breve colocarei no meu blog.

    www.studiocriativoarteemeva.blogspot.com

    ResponderExcluir
  13. Adorei a dica procuro mtos tuotorias de html e n√£o axo amei o seu beijos

    ResponderExcluir
  14. otima dica!!! esses codigos parecem complicados mas se seguir as regrinahs funcionam mesmo.bjos

    ResponderExcluir
  15. Que dica ótima!
    Nunca tinha pensado nisso, e olha, achei uma ótima ideia!
    bjks

    ResponderExcluir
  16. Para tudo, mega fácil! Parabéns pela dica, com certeza ajudou muitaaaaaaas pessoas

    ResponderExcluir
  17. Uma ótima ajuda para quem está precisando!!!!

    Um Grande Beijo.

    ResponderExcluir
  18. muito boa a dica eu n√£o sabia na verdade como fazer isso
    eu amei
    bjs

    ResponderExcluir
  19. Ah que legal!!! otima a sua dica, super importtante ensinar a fazer esses detalhes tecnicos..rsrs beijao

    ResponderExcluir
  20. Parabéns pelas dicas, mas DAR MEDO!!
    Sou atrapalhado até demais.
    Se colocar algo errado, onde vai parar o BLOG DO PARCEIRO?
    Cearense desconfiado e atrapalhado.

    http://josenidelima.blogspot.com.br/

    ResponderExcluir
  21. Não estou conseguindo colocar! O link é:
    http://artesanatoaquiaprenda.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Thais como você não tem facebook,eu mau entro no google e não usso o hangout, e explicar aqui fica complicado por favor me envia seu email que possamos conversar e entender o que esta havendo com seu blog.

      Excluir
  22. Olá, Midian, eu estou participando de dois concursos culturais para ganhar material escolar, só que eu preciso de sua ajuda fazendo favor, queria saber se estas duas frases estão criativas e diferentes e qual é a melhor!

    Porque vou dar a volta por cima com minhas notas e com muito estilo com este material.

    Porque n√£o sou louca de querer perder isto tudo.

    Ou eu posso criar mais criativa, e não ficaram no nível de ganhar!


    https://www.youtube.com/watch?v=-oHeGO51Oks&list=WL&index=90

    https://www.youtube.com/watch?v=Jz1uPyEDBOU&list=WL&index=88

    ResponderExcluir

Vem comentar e marque Para receber notifica√ß√Ķes, ficarei muito feliz!