Blogger Touch - seu blog no celular

Blogger Touch - seu blog no celular

6 10 99
Blogger Touch - seu blog no celular 10 6 99
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:
  1. não permite desabilitar a versão mobile
  2. aumenta o tempo de carregamento das páginas
Ontem, lendo meus feeds, vi que o JMiur, do blog Vagabundia, estava apresentando uma outra opção - Blogger Touch: Versión del blog para móviles. Testei e gostei.
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
blogger-touch
Versão mobile
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.
blogger-mobile blogger-mobile
Clique no botão go. Você será direcionado para a seguinte página:
blogger-touch-step2
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.
blogger-touch-step3 blogger-touch4
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.
blogger-touch-5
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 :)
blogger-mobile blogger-mobile blogger-mobile
17 Comments
Comments
  1. Olá Juliana!
    Fui 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!

    ResponderExcluir
  2. Sim, faz parte do processo conforme conta no post

    ResponderExcluir
  3. Boa dica, Ju. Vou utilizar no meu blog também. Nunca se sabe quando vamos precisar. Beijão

    ResponderExcluir
  4. Olá... 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.

    Uma 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.

    ResponderExcluir
  5. Tava pensando outro dia na importância de ter uma versão dessas agora.

    Eu 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

    ResponderExcluir
  6. Funcionou direitinho... parabéns pelo post...

    ResponderExcluir
  7. foi otimo

    testei no nokia do meu tiio 5800 e pegou direitinho

    ResponderExcluir
  8. Ju, muito boa a dica!
    já instalei no vendenfarmacia.com e funcionou belezinha!
    muito obrigada!

    ResponderExcluir
  9. Muito Bom!!
    Esse post recebeu o

    "Selo Recomendo: Leo Augusto"

    Parabéns Juliana!

    Abraços

    ResponderExcluir
  10. 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,

    Marcus

    ResponderExcluir
  11. Testei aqui, muito bom...

    Mas o meu blog não está sendo aberto no "gadget" no celular...

    Abraços!

    ResponderExcluir
  12. Perfeitamente útil. Ponto - mais uma vez - para a Juliana!

    ResponderExcluir
  13. Impressão minha ou isso só funciona com Iphones? Aqui no meu Nokia não abriu do modo mobile

    ResponderExcluir
  14. FOX, eu só pude testar no iPhone...então não sei te responder

    ResponderExcluir
  15. Só funciona no Iphone.. pelo menos como eu testei, uma pena. =/ se alguém souber como configurar para uma versão mobile...

    Ju, parabéns, como sempre! =)

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top