How to Make a Widget Show Only on Mobile View - Advance Blogger Design

On your blogger blog, how to make a widget show on mobile view and to be invisible on desktop, this is just all you need to learn. Reason why you want a choosing widget to display only on your mobile view is make the blog more responsible and look more serious. This is what is called blogger blog template customisation. Where you customise your blogger template that the mobile and desktop views Will look different.

Below is how to make any widget of your blogger template show on mobile view only and not to show on either and so on.

• Go to your blogger Dashboard and locate your template
• Backup your blogger template and click on Edit Html
• Click on the html box provided and press Ctrl + F
• Type in the id of the widget you want to edit
• Type this in the widget like this mobile='only' e.g <b:widget id='PopularPosts2' locked='false' title='Popular Posts' mobile='only' type='PopularPosts' version='1' visible='true'>
• Click on save template  button.

Here you know how to make a widget show only on desktop view only

• Go to your blogger Dashboard and locate your template
• Backup your blogger template and click on Edit Html
• Click on the html box provided and press Ctrl + F
• Type in the id of the widget you want to edit
• Now, type in this on the widget code mobile='no' e.g <b:widget id='PopularPosts2' locked='false' title='Popular Posts' mobile='only' type='PopularPosts' version='1' visible='true'>
• Click on save template button.

If you want your widget to display for all the views, both mobile and desktop views

Replace the above with mobile='yes' to make the both work or simple life the code to let the widget work for all the views.

IMPORTANT NOTE:

Do not attempt this tutorial if you know nothing about blogger template editing, cause you might displays the coding and can cause more harm than good to your bllog.

Always make sure you backup your template before editing any template code in your blogger blog html box.

If you find any path confusing, contact us to fix it for you.