How To Display or Hide Widgets in Mobile Device

Read Also

Want to display or hide widgets in mobile device? 80% visitors come through mobile devices because of smart phones. So it is necessary to design a website for mobile devices.

How To Display or Hide Widgets in Mobile Device

So, for this purpose i am writing a method today for hiding or display template widgets in mobile device.

Hiding Widgets in Mobile Device

First open blogger dashboard. Then specify or find the widget you want to hide. Once you find then add below highlighted lines above and below to that widget that you find.

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

Next save the template and see the results.

Display Widgets in Mobile Device

Similarly as above method just put these lines above and below to that widgets lines.

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

Now save the template. You are done.