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

em 27 de setembro de 2016

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á?

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

8 comentários , comente também!

  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

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…