Versão mobile de blogs do Blogger/Blogspot

Versão mobile de blogs do Blogger/Blogspot

6 10 99
Versão mobile de blogs do Blogger/Blogspot 10 6 99
Hoje eu estava lendo o excelente blog Vagabundia, quando me deparei com um recurso que eu procurava há tempos: como oferecer uma versão mobile dos blogs que utilizam o Blogger. A versão mobile (ou móvel) nada mais é do que uma página com o tamanho adequado para celular e smartphone.
Com o uso cada vez mais crescente desses dispositivos – ainda mais depois do iPhone – tornou-se essencial a qualquer página da web disponibilizar uma versão móvel, que se enquadre ao tamanho das telinhas dos celulares.
Nos blogs que usam Wordpress, tal recurso já existia há tempos, bastando a instalação de um plugin. Agora podemos fazer o mesmo com nossos blogs do Blogger/Blogspot, graças à descoberta do amigo JMiur. Vamos lá?

Acesse o site http://www.onbile.com e escolha o idioma (no caso, português). Clique no botão comece agora (figura 1). Na página seguinte, crie sua conta (figura 2)
onbile - início onbile - criar conta
Escolha um dos temas disponíveis, altere as cores e clique em próximo passo
onbile-temas onbile-modelos
A seguir, coloque a url do feed em RSS Url e o nome do blog em título (figura 5). Em upload file, envie um logotipo do blog. Clique em próximo passo. Na página seguinte, escreva a url do seu blog em Your Domain e clique em publish (figura 6).
onbile-dados do blog onbile-url do blog
O código de ativação chegará no email cadastrado. Clique sobre o link, copie o código fornecido e cole antes da tag </head> no html do seu template.
onbile - código Html do Blogger
Veja como ficaram as páginas do Dicas Blogger no browser do meu iPhone:
Home Post Post
 Fonte da informação: Vagabundia - Onbile: La versión móvil de tu blog
21 Comments
Comments
  1. Muito bom este recurso maravilhoso!!!
    Obrigado por compartilhar esta novidade!

    ResponderExcluir
  2. Gostei, olha o meu: http://www.onbile.com/compulsivo

    []'s
    @Compulsivo

    ResponderExcluir
  3. Muito boa essa dica! Era o que eu estava procurando!

    Juliana,

    se permite que deixar aqui um link para o pessoal que não tem um Iphone ou smartphone e que queira, mesmo assim, saber como vai ficar o seu blog em dispositivos móveis.

    Acho que isso enriquece ainda mais seu post.

    Obrigado.

    (Marco Damaceno)

    ResponderExcluir
  4. Poxa, mas se eu acesso meu blog pela URL normal dele no iPhone, não puxa a versão mobile automaticamente. Que saco!

    []'s
    @Compulsivo

    ResponderExcluir
  5. Compulsivo, os screenshots do DB que estão neste post mostram a versão mobile com url normal dele (www.dicasblogger.com.br)
    Testei o UC no meu iphone e realmente não aparece a versão mobile.
    Verifique o código dentro do html

    ResponderExcluir
  6. Excelente dica Juliana. Como posso saber se o meu está funcionando ou não na URL normal ou só na URL do onmobile ? !!!!

    ResponderExcluir
  7. Bem legal, eu tinha uma versão no mofuse, ou coisa do tipo, mas ficava o nome na URL, agora com certeza vai ficar bem melhor.

    ResponderExcluir
  8. valeu Jú, pela dica isso é muito importante para mim que sempre estou viajando e preciso mostrar a versão no celular para os amigos abraços!!!

    ResponderExcluir
  9. Uso no Opera-mini o JMobi. Com a magia do QR Code ficou tudo tão simplificado, né?

    ResponderExcluir
  10. parece que a interface do Onbile tá diferente da apresentada aqui no DB.

    ResponderExcluir
  11. Ótima dica, não sabia que já tinha essa possibilidade no blogger.

    ResponderExcluir
  12. Demais essa dica! Será que o meu funcionou? Fiquei curiosa... haha

    Muito legal o site que inventou.

    Beijos!

    ResponderExcluir
  13. Buenas!
    O meu blog trata de difundir a música latina, e então eu tenho alguns players de música - tipo o goear - ou vídeos do youtube incorporados. E isso tudo desaparece na versão onmobile... tens alguma idéia do porquê, ou como resolver isso?
    Gracias!

    ResponderExcluir
  14. meu mobile blog não funciona direito.. os links não entram, o que eu fiz errado...

    ResponderExcluir
  15. Bela dica, mas não está funcionando direto do blog. Olha só como ficou o atitude móvel: http://www.onbile.com/atitudemovel

    ResponderExcluir
  16. ::: Muito bom, Juliana!

    Criei para meu blog e funcionou perfeitamente em meus celulares, tanto com wi-fi como em conexão antiga:

    http://www.onbile.com/blogdozemarcos

    ResponderExcluir
  17. Juliana, fiz tudo certinho, mas na hora do email eu nao recebi nada, tentei 2 vezes e com emails diferentes, quando aperto resend nada acontece, me ajuda?

    ResponderExcluir
  18. Ótima dica, ficou ótimo em meu Blog,
    Parabéns. *-*

    ResponderExcluir
  19. gostei mas to achando que está meio lento. ele abre primeiro o meu blog normal e só depois começa ok download da versão mobile e demora muito

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