Enable Blogger Widget for Mobile View

Step-by-Step Instructions
  1. Enable Custom Mobile Template
    • Go to Blogger Dashboard → Theme
    • Click the gear icon under Mobile and select Custom
    • Save your changes
  2. Find the Widget ID
    • Go to Layout and identify the widget you want to show on mobile
    • Note its ID (e.g., HTML1, BlogArchive1)
  3. Edit HTML Template
    • Go to Theme → Edit HTML
    • Use Jump to Widget to locate the widget by its ID
  4. Add mobile='yes' Attribute
    • Find the widget tag, like:
      <b:widget id='HTML1' locked='false' title='My Widget' type='HTML'>
    • Modify it to:
      <b:widget id='HTML1' locked='false' mobile='yes' title='My Widget' type='HTML'>
  5. Save Your Template
    • Click Save
    • Preview your blog on mobile by adding ?m=1 to your URL
    • Example: http://yourblogname.blogspot.com?m=1
Notes
  • Only certain widgets display by default on mobile: Header, Blog, Profile, PageList, AdSense, Attribution
  • Using mobile='yes' forces other widgets to appear on mobile view
  • You can also use:
    • mobile='only' — show widget only on mobile
    • mobile='no' — hide widget from mobile view