Como ocultar ou exibir Widgets em dispositivos móveis no Blogger

Hoje em dia, com o desenvolvimento dos dispositivos móveis atuais, eles passaram de meros "apetrechos" de ligação e mensagem a peças que agregam funcionalidades quase que ilimitadas, fazendo seu uso mais que indispensável.

Ainda nesse tema, depois que o algoritmo Google Mobile Friendly foi implementado, desde 21 de abril de 2015. A internet se voltou com a tendência de criar sites que sejam mais acessíveis e atraentes por meio de dispositivos com telas menores. O pensamento "mobile first" que é nada menos que o desenvolvimento que pensa primeiramente em como o site vai se comportar em telas menores, certamente é um passo positivo e como base inicial na construção de um site.

Hoje vou ensinar como você pode usar as tags condicionais do blogger para ocultar ou exibir um widget no blog em dispositivos móveis.

Esse truque pode, ser substituido apenas com uso de CSS usando media queries e restringindo ou alterando objetos em determinada resolução, mas você vai entender que a forma que vou mostrar logo abaixo, é muito mais prático.

Mas entenda, esse truque se aplica apenas a Smartphones e não vai ter efeito em tablet, iPad e outros dispositivos com telas um pouco maiores.

Escondendo Widgets em Dispositivos Móveis

Primeiro, abra o editor de tema, na opção Editar HTML do seu blog. Em seguida, especifique quais widgets serão escondidos em dispositivos móveis, por exemplo aqui esconderemos o widget HTML1 escrevendo tags condicionais como essa:

<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Exibir Widgets apenas em Dispositivos Móveis

E se você quiser exibir widgets somente em dispositivos móveis, você pode alterar o valor false no código acima para true "verdadeiro":

<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Pronto! Agora você já pode salvar o tema e conferir os resultados!

Muito fácil né? Espero que tenha entendido e possa aplicar no seu blog para ter resultados incríveis. Como ocultar ou exibir Widgets em dispositivos móveis no Blogger. Se te ajudou ou se restou alguma dúvida, deixe nos comentários! :)

Share This :