Como colocar Menu como barra fixa no topo do blog

A lei da arte Mais informações!
Compartilhar: 💚

Quero fazer um Orçamento pelo whatsapp agora!"
    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 experiência, irei la conferir!
Foi um Imenso prazer ajudar você! 

Tenha um blog de sucesso!

Ola Blogueira vai fazer uma festinha, quer lembracinhas, bolsas personalizadas e topos de bolo? Fale Comigo

Faça parceria conosco com sua encomenda! Poste no seu blog quando receber seu pedido, republicaremos aqui o seu poster conosco e ainda tenha um descontão!

Gostou? Peça um orçamento desse produto agora!


""❤️Quem abriu essa página também visitou!

Barra fixa

Dicas para blogs

Menu fixo

Postagens


Deixe seu comentário abaixo!

33 comments:

  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. oi!!
    Adorei sua dica, vou inserir no meu blog :D
    Bjo

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

      Excluir
  4. nossa que facil gostei do tutorial.

    beijinhos

    ResponderExcluir
  5. Nossa super simples, vou testar quando eu mudar meu layout!
    Beijos!

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

    Bjúús

    ResponderExcluir
  7. 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
  8. Que tutorial maravilhoso,
    ficou bem explicado
    bjs

    ResponderExcluir
  9. Que tutorial interessante, eu já usei muito,
    quando estava no blogpost
    ficou bem bacana
    bjs

    ResponderExcluir
  10. 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
  11. 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
  12. 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
  13. 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
  14. Eu queria saber como fazia este tutorial aprendi em breve colocarei no meu blog.

    www.studiocriativoarteemeva.blogspot.com

    ResponderExcluir
  15. Adorei a dica procuro mtos tuotorias de html e não axo amei o seu beijos

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

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

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

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

    Um Grande Beijo.

    ResponderExcluir
  20. muito boa a dica eu não sabia na verdade como fazer isso
    eu amei
    bjs

    ResponderExcluir
  21. Dica muito boa e fácil de seguir.
    Parabéns!

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

    ResponderExcluir
  23. Hummmmmmmmmmmmmmmm
    Adoro códigos assim! Adorei a dica! Beijos

    ResponderExcluir
  24. Essa dica é muito boa adorei bjo

    ResponderExcluir
  25. 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
  26. Ótimas dicas pra quem tem blogger, beijos

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

    ResponderExcluir
    Respostas
    1. Qual é o seu e-mail?

      Excluir
    2. 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