How to Hide or Show Widgets in Mobile Device Latest Update 2018
How to Hide or Show Widgets in Mobile Device - As we know in accordance with today's development mobile devices have become the basic needs of everyone as a communication tool that provides many benefits for all of us.
Many webmasters create Mobile Friendly and responsive sites for faster and more convenient access via mobile devices. Surely this is a positive step and as the initial foundation in building a website, for the next step live how we manage the site.
Tips blogger this time I will give tips how to hide or Show a widget in blog on mobile device. This trick can indeed be done by adding CSS tags "display:none" on certain widgets that want to be hidden on a mobile device with a certain resolution, but there are better and more practical that is the way I will give below.
Please open the template editor in your blog. Then specify what widgets will be hidden from the mobile device, for example here I will hide the widget "HTML1" in the template with the writing of conditional tags like this:
And if you want to display widgets only on mobile devices only you can change the value "false" in the above code to "true".
Next save the template and see the results.
That's the tips I can share this time about How to Hide or Show Widgets in Mobile Device Latest Update 2018. Hopefully with a fairly short article this article can be useful and useful for us all and good luck.
Many webmasters create Mobile Friendly and responsive sites for faster and more convenient access via mobile devices. Surely this is a positive step and as the initial foundation in building a website, for the next step live how we manage the site.
Tips blogger this time I will give tips how to hide or Show a widget in blog on mobile device. This trick can indeed be done by adding CSS tags "display:none" on certain widgets that want to be hidden on a mobile device with a certain resolution, but there are better and more practical that is the way I will give below.
NOTE : !! This trick applies only to smartphone devices only and will not affect tablet, iPad, and other devices.
Hiding Widgets in Mobile Device
Please open the template editor in your blog. Then specify what widgets will be hidden from the mobile device, for example here I will hide the widget "HTML1" in the template with the writing of conditional tags like this:
<b:if cond='data:blog.isMobileRequest == "false"'><b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>
Displays Widgets in Mobile Device
And if you want to display widgets only on mobile devices only you can change the value "false" in the above code to "true".
<b:if cond='data:blog.isMobileRequest == "true"'><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.
That's the tips I can share this time about How to Hide or Show Widgets in Mobile Device Latest Update 2018. Hopefully with a fairly short article this article can be useful and useful for us all and good luck.
Post a Comment for "How to Hide or Show Widgets in Mobile Device Latest Update 2018"
Provide comments relevant to the posted articles and provide critiques and suggestions for the progress of the blog