Páginas

sábado, 2 de julho de 2011

Ativar versão mobile do Blogger

Eu Acredito em Cosméticos

Já faz um tempo que o Blogger disponibilizou a versão mobile que, teoricamente, passa a funcionar quando você entra em Detalhes » E-mail e celular, ativa a opção Modelo para celular (beta) e salva.

Modelo para celular

Quando você marca Sim o endereço mobile do seu blog passa a existir, como o do HTMHelen: www.htmhelen.com/?m=1. O problema é que o Blogger ainda não tem um script que identifique automaticamente que o visitante está um navegador mobile para redirecioná-lo à versão correta.

Para resolver isso, no modo padrão do Blogger (não funciona no Draft), vá até Design » Editar HTML e adicione o seguinte código antes de </head>:

<script src="https://sites.google.com/site/htmhelen/arquivos/redirection_mobile.js"/>
<script>
SA.redirection_mobile ({
mobile_url : "www.htmhelen.com/?m=1",
mobile_prefix : "http" 
}); 
</script>

Você pode fazer download do arquivo JavaScript (.js) para hospedá-lo em seu servidor. Depois basta trocar a URL que está entre aspas no campo src.

Em mobile_url coloque o endereço do seu blog, a não ser que queira doar visitantes para o HTMHelen.

Depois de configurar corretamente o código, salve. Para testar, visite o site www.opera.com/mobile/demo e digite o endereço oficial do seu blog no pequeno emulador do Opera Mini. Ele deve redirecionar sozinho para a versão mobile:

HTMHelen no Opera Mini

Obrigada a Evaldo Gonçalves, que me avisou via Twitter que a versão do HTMHelen para celular não estava funcionando:

Cobrando versão mobile do HTMHelen

Até mais!

Autor do código: Sebastiano Armeli-Battana
Fonte do código: github social coding



Pix meutedio arroba mail ponto com

4 comentários:

  1. Helen, você conhece alguma maneira de fazer com que os botões de compartilhamente nativos do Blogger sejam visualizados nessa versão pra celulares? To tentando uma solução mas não consegui ainda...

    Abraços.

    ResponderExcluir
  2. Junior, tem jeito sim, mas dá trabalho. Quando eu me animar faço um teste e um tutorial passo a passo.

    ResponderExcluir
  3. Muito obrigado pela dica!
    Me salvou.
    Parabens tambem por compartilhar conhecimento!

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.