Labels

slider





A arte de viver é simplesmente a arte de conviver... simplesmente, disse eu? Mas como é difícil!
Vantagens em adquirir nossos Cursos Online!Cursos de artesanatoCursos Mil

Recent

Navigation

Somos especializados em Topos de bolo, lembrancinhas, bolsas personalizadas e tudo que encante sua festa, menos a decoração do evento/local!

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ê! 
Midian L.S.Ferreira - Bióloga, futura mestranda em Paleoambiente, Empresária, amo Historia , Antropologia, Etnobiologia, Genética, Animes e sempre estou em busca constante ao Conhecimento  - e  Artesã por paixão
Compartilhe!

Publique um comentário:

34 Comentários:

  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