Tema editável grátis para Blogger- baixe e use o Tema Make up!
Viu que menu legal? Ele abre-se lateralmente na versão mobile. Abra em seu celular pra ver como fica legal!
Quer aprender como faz? Vem comigo que é muito, muito simples!
E, claro, esse menu pode ser inserido em qualquer template nativo do Blogger (menos os de Visualizações dinâmicas e os novos responsivos tipo Soho, Notável, etc) mas fica melhor em templates responsivos, ok?
Não testei em nenhum tema baixado da internet pois não gosto. Mas se quiser tentar vá em frente.
E a dica principal é: teste antes em um blog de testes. Assim você ganha familiaridade com o menu e fica com mais segurança na hora de instalar em seu blog real.
Menu responsivo com abertura lateral em celulares- como instalar no blog
Para começar vá ao painel do blog de testes e clique na aba Tema.
A seguir clique em Editar HTML e dentro da caixa do código fonte tecle Ctrl+F.
Na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima de ]]></b:skin> cole o CÓDIGO CSS do menu.
Salve.
Agora, na barra de busca digite <body expr:class='"loading" + data:blog.mobileClass'> e tecle Enter para localizar.
Abaixo dessa tag cole o CÓDIGO HTML.
Salve.
Seu menu já está aparecendo.
Ah, claro, os códigos:
Para visualizar a forma como ele ficará ao ser acessado via celular copie o endereço de seu blog de testes e cheque a responsividade dele aqui ou, claro, abra-o no celular.
Agora é só editar o menu, corrigir cores e fontes conforme deixei marcado no próprio código, inserir os seus links e nome de cada casa do menu e salvar.
Ah, não esqueça dos links de suas redes sociais, ok?
Se precisar ajustar algo mais está tudo marcado no CÓDIGO CSS, ok? Ele te dirá o básico da edição.
E tá feito. Simples e bem rápido, além de muito fofo, né?
Aproveite, espero que seja útil!
Dias online
Postagens
comentários
Bom dia Amiga sei que seu tempo é curto, se não puder responder entenderei, teria uma maneira para vc que é incrivelmente inteligente e tem centenas de coisas legais para melhorar um blog, criar algo para que no blogger não precisasse carregar a cada 200 comentários e seguisse adiante normalmente, esse carregamento é ruim para muita gente.
ResponderExcluirEduardo, creio que isso não seja possível.
ExcluirAnos atrás, quando o Blogger lançou o sistema de Thread até tentei mas não deu certo.
E como é raro um post com mais de 200 comentários achei que não valia a pena.
Mas conheço um jeito de inverter a ordem dos comentários, colocando os mais recentes no começo da Thread, ao invés dos mais antigos como é padrão.
Vou ajustar o código e assim que der eu publico.
Não é o que vc quer mas ao menos colocamos os comentários mais recentes para aparecerem primeiro, antes dos mais antigos...
Olá, Elaine. Gostei muito do tutorial, bem explicado e fácil de fazer. Gostaria que você, se puder, porque tenho certeza que é muito ocupada, explicasse como criar um menu responsivo do lado esquerdo, com logo no centro e a caixa de pesquisa do lado direito, como o site do g1 (https://g1.globo.com/). No caso ficaria o menu do lado esquerdo, o logo no centro e a caixa de pesquisa do lado direito. Será que é muito complicado de fazer? Procurei nas varias opções de menus que você disponibiliza nos tutoriais, mas não encontrei, talvez a mais próxima foi a do menu com caixa de pesquisa (https://www.elainegaspareto.com/2018/07/menu-responsivo-com-caixa-de-pesquisa.html), tentei modificar alguma coisa, porém não consegui, pois entendo pouco de html, css e muito menos ainda de javascript. Não sei esse tipo de pergunta tem haver com a postagem, mas não sabia se perguntava individualmente, por isso me desculpe se fiz a pergunta no lugar errado.
ResponderExcluirOlha, complicado não é, mas eu nunca tentei.
ExcluirEm tese dá pra fazer, mas preciso me debruçar nuns códigos e ver se funciona.
Se resultar eu faço o tutorial, mas não prometo, tá?
#oremos rsrsrsrs
Obrigado Eliane, ficarei no aguardo
ExcluirObrigado Eliane, ficarei no aguardo
ResponderExcluirOlá, graça e paz, só não entendir, onde colocar o código das redes sociais. Grato se responder. Deus abençoe sua vida e esse lindo trabalho que é ajudar pessoas leigas como eu.
ResponderExcluirOlá, Elaine! Tentei aplicar esses menus no blog que irei administrar (https://mensagenspsv.blogspot.com/), porém não consegui colocar submenus. Eu realmente desejo um menu responsivo, que, no celular, fique na lateral. Como seria possível habilitar para colocar submenus? Te agradeço, desde já, teus tutoriais e tuas orientações são excelentes!
ResponderExcluir