Série Como personalizar o blog na versão para celular - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Série Como personalizar o blog na versão para celular

Publicado em 27/09/2016

Tempo de leitura:

Série Como personalizar o blog na versão para celular


Você já deve ter percebido que o Blogger tem uma opção muito interessante em relação à personalização de templates nativos (os modelos do Design de Modelo) para a versão mobile, não é?
Nunca notou?
Sim, tem, e aqui no blog a Paula, colunista do blog, já abordou o assunto ensinando como deixar seu blog mobile friendly, ou seja: amigável para celulares.
Relembre aqui o post:

Como melhorar os acessos do blog pelo celular


Em abril deste ano o Google atualizou o algoritmo que "comanda" a exibição de blogs e sites na versão mobile.
Conforme divulgado pelo Google, um site não pode ser considerado mais amigável aos dispositivos móveis do que outro.
Isto é, ou o site é mobile friendly ou não é.
E isso trouxe um impacto imenso na forma como nossos blogs são exibidos e mais importante, na forma como eles são classificados e posicionados em mecanismo de busca.

Desde abril também temos visto nas estatísticas do Blogger que agora são mostrados os acessos vindos via mobile.
É imensa a quantidade de acessos que chegam ao blog pelo celular!
Aqui no meu blog chega ao percentual de 20%, sendo cerca de 16% apenas para Android!
Então, é inegável que o nosso blog precisa ser mobile friendly, né?


Não, eu não sei se meu blog é mobile friendly...


Há uma forma simples de você saber se seu blog é mobile friendly:
Acesse esse link: https://www.google.com/webmasters/tools/mobile-friendly/
Insira o endereço de seu blog e faça o teste.
Olha o meu como ficou.


Para conseguir que seu blog seja considerado mobile friendly você pode usar um template responsivo; essa opção requer um template mais profissional, personalizado e programado para ser responsivo.
Não é a coisa mais simples do mundo de fazer, e demanda conhecimento em programação, uso de media queries, entre outros requisitos.

Também é possível baixar um template da internet e usar. Mas eu não recomendo, em geral esses templates free chegam cheios de vírus, com códigos criptografados, e com o tempo, acredite, o barato sai caro. Especialmente quando baixamos de sites estrangeiros.


Mas, se você ainda não tem grana pra investir em um template responsivo ou se, assim como eu, prefere a versão mobile do Blogger que a Paula ensinou como ativar no post que linkei no começo desse artigo (sim, mig@s, eu prefiro!) seus problemas siacabaram-se!


Série Como personalizar o blog na versão para celular


Vou fazer uma minissérie de 3 posts ensinando como personalizar seu template nativo do Blogger para que ele seja mobile friendly e tenha menu responsivo, caixa de pesquisa, botões de compartilhar e todos os gadgets que você quiser.
Ao final da minissérie seu blog estará pronto para ser lido na versão mobile, com os elementos de página que você quiser, e sem precisar deixar o blog pesadão com códigos e scripts imensos.
Vamos usar o que seu blog já tem!
Com simplicidade, rapidez e com a facilidade que você já conhece nos tutoriais aqui do blog.




Meu blog vai ser responsivo, tia Elaine?


Não será uma personalização que fará seu template ser responsivo!
(isso fica para a próxima série que quero fazer), mas sim como usar a opção fácil de personalização do próprio Blogger e que deixará seu blog mobile friendly.
Até iniciantes, sem grande experiência em edições, darão conta de fazer.
A primeira parte será publicada quinta-feira que vem, ok? Serão 3 posts.


Para se preparar para a diversão maratona de tutoriais para personalizar seu template na versão mobile vamos começar criando um blog de testes e aplicando nele exatamente o mesmo template que você usa em seu blog oficial.
Faça isso agora, assim estará pronto quando começarmos.
Coloque nesse blog de testes tudo que tem no seu blog oficial: os gadgets da coluna lateral, o menu, o mesmo cabeçalho, tudo igual. Só os posts que não, claro.
Deixe pronto e volte aqui na quinta-feira, 19 horas, para nossa primeira aulinha.
Se der vou também gravar em vídeo pra facilitar ainda mais a compreensão e execução.



Ah, uma dica esperta:


Para não perder nenhum artigo você pode:

→ Seguir o blog via gadget Seguidores: basta clicar em Seguir na lateral do blog e concluir o processo; as atualizações aparecerão em seu painel do Blogger assim que forem publicadas.

→ Pode curtir nossa fanpage: todos os posts têm seu link enviados pra lá no momento em que são postados. Basta clicar em Curtir!



→ Cadastre seu email e receba a atualização direto nele, assim que for postada.

Digite seu endereço de email:






Faça sua pergunta, tire sua dúvida


Quer aproveitar e deixar sua pergunta ou dúvida sobre a versão mobile do Blogger?
O que gostaria de saber?
Diz aí nos comentários e eu respondo nos posts da Série Como personalizar o blog na versão para celular.
Tá marcado?
Vou te esperar, tá?


Lista com os tutoriais já publicados da Série Como personalizar o blog na versão para celular:

1- Mostrar gadgets e botões de compartilhar na versão mobile do blog
2- Criar e configurar um menu responsivo para a versão mobile do blog
3- Personalizando totalmente a área mobile do template + Template grátis para baixar, já com as personalizações todas da série!






13 comentários:

  1. Não perco por nada! ♥
    Muito obrigada por estar sempre disposta a ajudar os demais. Que Deus continue te abençoando cada vez mais! ♥-♥

    ResponderExcluir
  2. Uauuuu O blog esta lindo de viver!
    Obrigada por sua visita em meu blog
    Gratidão!

    ResponderExcluir
  3. Eu gostaria muito de ter um template responsivo, mas agora não dá mesmo! A minha versão é a do blogger, simples, mas é questão de tempo. É caro mesmo, mas compensa.

    Universo Prático Feminino

    ResponderExcluir
  4. Até 3 meses atrás, o meu blog tava configurado para celular, mas percebi que os comandos anti cópias não funcionavam para essa configuração, daí desabilitei... mas tô pensando no caso depois que li o seu post... vamos ver..
    Valeram as dicas!!! Beijinhos!

    ResponderExcluir
  5. Elaine, tudo que faço no meu blog, eu sempre venho aqui aprender. Mas está acontecendo um certo problema com o meu. Eu coloquei um template responsivo, porém ninguém consegue seguir o blog, curtir fanpage, porque ele não mostra nada disso. será que dá para fazer como suas explicações nos próximos posts, e mudar ?

    ResponderExcluir
    Respostas
    1. May, como seu template é baixado da internet eu não tenho como ajudar pois cada template tem códigos específicos, sem contar os bugs que podem aparecer, os códigos criptografados, etc...
      Infelizmente creio que é bug do template...

      Excluir
  6. Oi, poderia me ajudar explicando como fazer um menu igual o seu, que fique apenas com a palavra "MENU" em dispositivos móveis, desde já obrigado!

    ResponderExcluir
  7. Olá Elaine, como sempre arrasando nas dicas, eu já tinha feito o teste no google webmaster para ver seu meu site está "amigável" para celular e deu que está bloqueado por robôs, fiz hoje novamente lendo seu tutorial e deu de novo, saberia me dizer oq eu seria exatamente isso? Obrigada linda! www.meubazardamoda.com.br

    ResponderExcluir
  8. Olá, Elaine!
    então, tenho um blog no blogger também, mas os posts nunca ficam correto para mobile, fica tudo estranho.
    Como faço para arrumar

    ResponderExcluir
    Respostas
    1. Bárbara, sugiro baixar um tema responsivo, os meus mais recentes aqui no blog são.
      Dependendo do template que vc estiver usando não há o que fazer...

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…