Ativar versão mobile do Blogger

Imagem do blog 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.

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:

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

Até mais!

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