Como ocultar ou exibir Widgets em dispositivo móvel
 |
| Como ocultar ou exibir Widgets em dispositivo móvel |
Hoje trazemos um tutorial que ajudará muito os blogueiros que deseja ocultar ou exibir um Widget em dispositivos móveis. Esse truque que iremos ensinar pode, de fato, ser feito com tags CSS em determinados Widgets que vocês desejar 'esconder' em um dispositivo móvel, porém,mostraremos um jeito melhor e mais prático para fazer isso. Sendo assim,veja abaixo como ocultar ou exibir Widgets em dispositivos móveis
Observação :
Este truque aplica-se apenas a dispositivos de smartphone e não afetará tablet, iPad e outros dispositivos.
Ocultando Widgets em Dispositivo Móvel
1. Vá para o painel blogger e clicar em Editar HTML do blog que irá aplicar a funcionalidade. Em seguida, especifique quais Widgets serão ocultados em dispositivo Móvel. Feito isso, adicione as tags condicionais como demonstrados abaixo. Só coloque o que está selecionado.
<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 em dispositivos Móveis
Para exibir é muito fácil. Basta seguir o mesmo tutorial que ensinamos a ocultar mas, no lugar de "false", troque por "true" e salve para ver o resultado.
<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>