How to Show Widget in Mobile Version in Blogger | 8285241104

Would you like to show a blogger widget in Mobile View also in blogger blog and website? It is very simple and process. You can show widget like HTML/ Jave Script, Labels, Links, and others in mobile like the desktop version. Just you have to follow the following step.

Note: I have done it on my blog. You can check the contact form in the footer in the Mobile version. which is not shown by default.

Step 1-   Add some widget like HTML/JavaScript, Label, Link and other widgets

Step 2. Go to theme setting and click on edit theme

Step 3.  Click on Jump to Widget Button and Select the widget which you want to show in Mobile view

Step 4- Now you have to add only this mobile='yes'  this code in the selected widget.

Before add code: <b:section-contents id='sidebar-right <b:widget id='HTML9' locked='false' title='' type='HTML'>-1'>

After Add Code:  <b:section-contents id='sidebar-right <b:widget id='HTML9' locked='false' mobile='yes' title='' type='HTML'>-1'>

Step 5.  Save the Template

Step 6. Now Click on Theme and click on Setting Gear Icon in Mobile View

Step 7. Theme  › Choose mobile theme › On mobile devices, show a mobile version of your current theme.
Select -  Yes. Show mobile theme on mobile devices.

Step 8 -  Click on Drop Down Menu and Select Custom Theme

Step 9 -  Now click on Preview Button and see your changes. If Look Good then Click on  Save Button.

Step 10 - Now You can check live to open blog/website on the mobile phone. Hope you did the changes successfully and happy to see your website in the new look in Mobile. 

If you face any issues and need help then you can contact me at 91-8285241104. Thank you.