O Blogger ainda é plataforma gratuita, mais buscada na hora de criarmos um blog. Ainda mais agora com uma atualização de páginas do Painel do Blogger, que vai facilitar muito a vida de quem ainda cria e edita seu blog pelo celular; as páginas que por enquanto foram atualizadas para dispositivs móveis foram "estatísticas", "comentários" e "temas".
Para ativar, se você ainda não o fez, basta descer as opções da barra a esquerda do seu painel (como na imagem a baixo), acionar e pronto. Você já pode usar a nova versão do Blogger.
Esse recurso vai ser fundamental para nós trabalhamos, principalmente no HTML do nosso blog pelo celular. Depois que você fizer está configuração, seu Painel ficará assim no seu celular.
Qual Tema do Blogger eu posso alterar?
O Tema que vamos alterar para fazer os gadgets aparecer no celular, é o modelo "Espetacular". Mas os únicos que você não poderá alterar são ( Contempo, Soho, Emporio, Notable e Esential), pois já são responsivel. Ok!
É importante também você configurar o seu blog para a versão mobile do Blogger.
No Painel vá em Tema depois clique nos três pontinhos a direita e selecione "Configurações do celular". Escolha a opção "Dispositivo móvel" e em baixo escolha a opção "Personalizado" e salve. Calma que nós vamos chegar lá.
Outra coisa, esse tutorial eu aprendi lá no blog da Elane Gasparetto, então os créditos são dela. Dê uma passadinha no trabalho dela, tem muito conteúdo bom lá.
Só mais uma coisa antes de irmos para o tutorial, faça um bachup do seu tema e salve ou crie um blog teste para evitar possíveis erros, na hora de você mexer no código fonte do seu blog. Recomendação dada.
Agora vamos trabalhar!
Primeiramente vá em Tema do seu blog, clique nos três pontinhos a direita e depois selecione Editar HTML. Igual a imagem a baixo.
Depois que você abrir o código fonte do seu blog, atenção! Ok.
Agora na atela do seu celular ao lado esquerdo, bem em baixo, vai aparecer três pontinhos, clique e selecione ir para os widgets; então você verá os HTMLS. Cada um numerado, escolha qual você quer que apareça no dispositivo móvel. Se você quiser que todos apareçam, é só fazer a seguinte alteração em cada um deles.
Ao escolher o HTML ele vai aparecer assim.
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:widget-settings>
Agora, entre 'false' e title, adicione mobile='yes' e salve. Feito isso o seu
HTML vai ficar assim.
<b:widget id='HTML4' locked='false' mobile='yes' title='' type='HTML'>
<b:widget-settings>
Se tudo ocorrer bem, os gadgets irão aparecer na versão mobile do Blogger.
Gostou dessa dica? Nos segue para receber mais dicas o como essa para você usar no seu blog e deixe nos comentários o que você achou. Um forte abraço e até a próxima.
