Como editar o menu de templates baixados para Blogger

10
415

Depois de passar horas e horas escolhendo o seu template para o Blogger você tem que instala-lo e não sabe como fazer isso. RE-LA-XA. Essa é a parte mais fácil, com poucos cliques o tema é alterado. O único trabalho que você terá será organizando o blog para o novo layout.

Normalmente quando você baixa um template na internet, vários arquivos desnecessários são baixados junto com ele. Geralmente são spams, que podem ser ignorados. O único que vamos utilizar para inserir no Blogger é o com extensão .XML.

Instalando o novo tema

  1. Acesse o painel do seu Blogger clicando aqui.
  2. Clique na aba Tema, no canto esquerdo.
  3. Clique no botão Fazer Backup/Restaurar que fica no canto superior direito.
 Instalando template blogger
Clique em ‘Backup/Restaurar’ para enviar o novo template.
  1. Agora clique em Escolher arquivo, selecione o arquivo .XML que você baixou e clique em Abrir.
  2. Clique em Fazer upload e aguarde até o template ser instalado em seu blog.
  3. Depois clique em Fechar e pronto, o seu blog já está funcionando com o template novo. Possivelmente você terá que fazer alguns ajustes no layout para deixar tudo em ordem novamente.
Editar templates baixados do Blogger
Escolha o arquivo e clique em ‘Fazer upload’.

Personalizando os menus

Verifique qual é o título de cada menu que você deseja alterar. Geralmente os templates traduzidos estão com o título “#EDITAR”, facilitando a busca no código HTML do tema.

Editar templates baixados do Blogger
Menus editáveis do tema baixado na internet.
  1. Clique novamente na aba Tema, no canto esquerdo.
  2. Embaixo de Agora no blog, clique em Editar HTML.
  3. Pressione CTRL + F dentro do campo HTML e procure por algum título do menu.
Editar templates baixados do Blogger
Códigos HTML que serão alterados.

Altere o título para um de sua preferencia, mas não se esqueça de inserir o link de redirecionamento da página em href=’ ‘. Após as alterações as linhas ficarão semelhantes a essas:

Editar templates baixados do Blogger
Códigos HTML do menu configurados.

Cuidados que você deve ter com o link de redirecionamento (href).

  • quando você quiser redirecionar para uma página dentro do seu próprio blog, utilize apenas /pagina-destino e não http://meu-blog.blogspot.com/pagina-destino.
  • já se você quiser redirecionar para uma página fora do seu blog, utilize o link com http:// antes do domínio, ou então ele não funcionará.
  • nos menus dropdown, você pode usar o # como link, caso não queira que o título do dropdown leve para outra página.

Todas essas dicas estão exemplificadas nessa última imagem acima. Agora, veja como ficou o menu do blog com essas mudanças:

Editar templates baixados do Blogger
Menu alterado com sucesso.

10 templates grátis para Blogger

Conheça diversos temas gratuitos e profissionais para a plataforma Blogger.

Estudante de marketing, fascinado por empreendedorismo, fã de Flume, narrador do FIFA e viciado em misto quente com Ketchup. Criou esse blog no ensino médio para preencher seu tempo livre. Hoje, tenta sobreviver a partir dele (e de outros blogs).
  • Pingback: 10 templates profissionais para Blogger grátis - TechLândia()

  • Juliana Cardoso

    oi Jean, eu fiz o passo a passo que você mencionou, mas não funcionou no blog. No meu caso os posts ficaram todos desconfigurados e o templante que tem um banner rotativo logo no inicio da página nem funcionou… é necessário algum tipo diferente de configuração pra que funcione?

    • Olá Juliana,

      Depende do template, pode ser que ele seja bugado ou apenas uma configuração a mais necessária. Me envie o seu site e o template baixado para que eu possa lhe ajudar.

      • Juliana Cardoso

        Oi Jean! Antes de instalar no meu site oficial, eu fiz um teste no http://diariodaviagem.blogspot.com.br/ mas ficou tudo desconfigurado. O template que estou tentando instalar é o http://demo.themexpose.com/?theme=Dribble e a única coisa que fiz foi fazer upload do arquivo XML … o que eu fiz errado?

        • Olá Juliana..

          Você não fez nada de errado, apenas falta configurar o layout do seu blog. No Blogger, acesse a página “Layout” e configure a sua página (o seu blog está com vários ‘widgets’ tampando o menu, como o ‘Flick Image’, ‘Instagram’ e ‘Quem sou eu’. Posicione esses ‘widgets’ na barra lateral ou no rodapé).

          Após configurar o seu blog, você terá que configurar o ‘menu’. Ainda em ‘Layout’, clique em ‘Editar’ no widget ‘menu-classic’ e cole o código que está no arquivo ‘menu’, dentro da pasta ‘plugins’ do tema.

          O menu é fácil de configurar, é HTML básico.
          Veja como ficou o meu blog de testes: http://techlandiabloggerdetestes.blogspot.com.br/

          Qualquer dúvida é só perguntar novamente.

  • Pingback: 10 templates gratuitos para Blogger – temas profissionais()

  • Mundo de Oliver LVP

    Não estou conseguindo editar o menu deste templet -> http://minima9.blogspot.com.br/

    • O menu desse template é editado pelo HTML. No menu do Blogger, vá em Tema > Editar HTML > CTRL + F para encontrar a linha do menu > digite o que está no menu que deseja editar, por exemplo o do Minima, “Menu 1” > altere o nome do menu e o link para onde ele leva.

      Se ainda estiver confuso eu envio alguma imagem deixando mais claro.

      • Mundo de Oliver LVP

        Consegui! Obrigado… Porém como eu edito o titulo do site? Que fica muito grande na parte superior a cima dos menus!

        • Você pode pesquisar, ainda no HTML do seu tema, a linha do título do blog. É mais ou menos “header p.title”, algo assim. A alteração estará no comando do tipo da fonte do Header Title, que informa o nome da fonte, o estilo e o tamanho, em pixels (px). É só alterar o valor do tamanho em pixel (px) até encontrar o tamanho ideal.