Com o aumento crescente de acessos via telefones celulares, é essencial oferecermos aos nossos visitantes uma versão mobile de nossos blogs.
É muito chato entrar em um site pelo celular ( no meu caso, pelo iPhone) e não encontrar uma versão apropriada. As fontes ficam pequenas e as imagens distorcidas.
Em julho deste ano, eu mostrei pra vocês uma forma de exibir blogs do Blogger em versão mobile, própria para celulares - versão mobile de blogs do Blogger/Blogspot.
O serviço Onbile até que cumpre o que promete, mas notei dois problemas:
O Blogger Touch trabalha com um script leve, que pode ser inserido diretamente no gadget HTML/javascript dos elementos de página do Blogger.
Para colocar o Blogger Touch em seu blog, clique em mobile edition maker.
Escreva o endereço do seu blog na caixa que aparece em branco. Se você usa domínio próprio, clique em custom domain e escreva o domínio do seu blog.
Clique no botão go. Você será direcionado para a seguinte página:
Na caixa em branco, digite o nome do blog. No exemplo acima, usei o DB Templates.
A seguir, clique em check availability para verificar se o nome está livre e prossiga
Na página seguinte, clique em view code e copie todo o código que aparece.
Entre no painel do Blogger, acesse a guia design e clique em adicionar gadget. Escolha o gadget HTML/javascript, cole o código e salve.
Clicando no botão add code, o código será inserido automaticamente no topo do blog. Depois, é só movê-lo para um outro local dos elementos de página.
Ainda tem mais um passo, mas agora é o último (ufa!). Volte no Blogger Touch e verifique se o código foi instalado corretamente, clicando em verification.
O Blogger Touch mostra o título dos posts na página inicial, os marcadores e um botão para desligar a versão mobile. Dentro dos posts vemos o número de comentários e alguns anúncios, porque nem relógio trabalha de graça :)
É muito chato entrar em um site pelo celular ( no meu caso, pelo iPhone) e não encontrar uma versão apropriada. As fontes ficam pequenas e as imagens distorcidas.
Em julho deste ano, eu mostrei pra vocês uma forma de exibir blogs do Blogger em versão mobile, própria para celulares - versão mobile de blogs do Blogger/Blogspot.
O serviço Onbile até que cumpre o que promete, mas notei dois problemas:
- não permite desabilitar a versão mobile
- aumenta o tempo de carregamento das páginas
O Blogger Touch trabalha com um script leve, que pode ser inserido diretamente no gadget HTML/javascript dos elementos de página do Blogger.
Versão tradicional
| 
Versão mobile
|
Escreva o endereço do seu blog na caixa que aparece em branco. Se você usa domínio próprio, clique em custom domain e escreva o domínio do seu blog.
 |  |
Na caixa em branco, digite o nome do blog. No exemplo acima, usei o DB Templates.
A seguir, clique em check availability para verificar se o nome está livre e prossiga
Na página seguinte, clique em view code e copie todo o código que aparece.
Entre no painel do Blogger, acesse a guia design e clique em adicionar gadget. Escolha o gadget HTML/javascript, cole o código e salve.
 |  |
Ainda tem mais um passo, mas agora é o último (ufa!). Volte no Blogger Touch e verifique se o código foi instalado corretamente, clicando em verification.
O Blogger Touch mostra o título dos posts na página inicial, os marcadores e um botão para desligar a versão mobile. Dentro dos posts vemos o número de comentários e alguns anúncios, porque nem relógio trabalha de graça :)
 |  |  |
17 Comments
Legal, gostei dessa ferramenta =D
ResponderExcluirOlá Juliana!
ResponderExcluirFui tentar realizar o pap e veio a mensagem:
Blogger with Mobile Theme usa contas do Google para fazer login.
O Google não é afiliado ao conteúdo de Blogger with Mobile Theme ou a seus proprietários. Se você acessar, o Google irá compartilhar seu endereço de e-mail com Blogger with Mobile Theme, , mas não compartilhará sua senha nem suas informações pessoais.
Blogger with Mobile Theme pode usar seu endereço de e-mail para personalizar sua experiência no site.
Isso faz parte do processo ou foi algum erro???
Grata e parabéns pelo site!
Sim, faz parte do processo conforme conta no post
ResponderExcluirBoa dica, Ju. Vou utilizar no meu blog também. Nunca se sabe quando vamos precisar. Beijão
ResponderExcluirOlá... amei a dica, já há algum tempo estava procurando isto para meus blogs... só uma dica, quando você coloca o gadget ele só vai mudar para a versão mobile quando este código for lido, caso você o coloque logo após a tag "head" (sem aspas e com head entre <>) ele vai direto para a outra versão.
ResponderExcluirUma dúvida, estes anúncios, não são os nossos? Pois na parte de edição mostra os meu código publicador (pub) e também o do Analytics.
Tava pensando outro dia na importância de ter uma versão dessas agora.
ResponderExcluirEu nunca vi antes tanta gente acessando internet no celular, principalmente com o Web Infinity da Tim.
Só tenho uma dúvida Ju, você sabe como o serviço se comporta nos celulares mais simples? Funciona de forma parecida?
Infelizmente estou sem meu celular(que é um Nokia comum) pra testar o DB nele.
Abs.
@Raphazam
Funcionou direitinho... parabéns pelo post...
ResponderExcluirAdorei! Deu tudo certo!
ResponderExcluirfoi otimo
ResponderExcluirtestei no nokia do meu tiio 5800 e pegou direitinho
Ju, muito boa a dica!
ResponderExcluirjá instalei no vendenfarmacia.com e funcionou belezinha!
muito obrigada!
Muito Bom!!
ResponderExcluirEsse post recebeu o
"Selo Recomendo: Leo Augusto"
Parabéns Juliana!
Abraços
Funcionou tranquilamente no Milestone. Só um detalhe: O zoom da página, ativado com os dedos no touchscreen do ms não funcionou mais. Como solução, desliguei o mobile view e voltou ao normal. O zoom no mobile view é útil demais, já que a postagem, quando aberta, fica com as letras muito pequenas para se ler... Mas gostei da dica, instalei e deixei lá. Um abraço,
ResponderExcluirMarcus
Testei aqui, muito bom...
ResponderExcluirMas o meu blog não está sendo aberto no "gadget" no celular...
Abraços!
Perfeitamente útil. Ponto - mais uma vez - para a Juliana!
ResponderExcluirImpressão minha ou isso só funciona com Iphones? Aqui no meu Nokia não abriu do modo mobile
ResponderExcluirFOX, eu só pude testar no iPhone...então não sei te responder
ResponderExcluirSó funciona no Iphone.. pelo menos como eu testei, uma pena. =/ se alguém souber como configurar para uma versão mobile...
ResponderExcluirJu, parabéns, como sempre! =)