How to Display Live Traffic Feed Widget on Blogger Mobile View

By default, Blogger (Blogspot) hides custom HTML/JavaScript widgets on mobile devices. Follow this simple 5-step guide to make your Live Traffic Feed widget visible to all smartphone visitors.

Step-by-Step Instructions
  1. Enable Custom Mobile Theme in Blogger
    • Sign in to your Blogger Dashboard at blogger.com.
    • In the left-hand menu, navigate to Theme.
    • Click the down arrow (or gear icon) next to the Customize button and select Mobile Settings.
    • Choose Custom (to use a desktop theme with mobile support) and click Save.
  2. Find Your Widget ID (HTML/JavaScript Gadget)
    • Go to Layout in your Blogger left-hand menu.
    • Locate the HTML/JavaScript gadget where you pasted your Live Traffic Feed code.
    • Click Edit on that gadget and check the URL or window title to note its Widget ID (e.g., HTML1, HTML2, or HTML3).
  3. Open Theme HTML Editor
    • Return to Theme in your Blogger menu.
    • Click the three dots (⋮) or options menu next to Customize, then click Edit HTML.
    • Click inside the code editor and press Ctrl + F (or Cmd + F on Mac) to open the search box.
    • Type your Widget ID (e.g., HTML1) and press Enter to jump straight to your widget's code.
  4. Add mobile='yes' Attribute to the Widget Tag
    • Locate the opening <b:widget> tag for your Live Traffic Feed widget. It will look like this:
      <b:widget id='HTML1' locked='false' title='Live Traffic Feed' type='HTML'>
    • Add mobile='yes' inside the tag so it becomes:
      <b:widget id='HTML1' locked='false' mobile='yes' title='Live Traffic Feed' type='HTML'>
  5. Save Theme & Verify Mobile View
    • Click the Save (Disk icon) at the top right of the Blogger HTML editor.
    • Test your blog on your mobile device, or append ?m=1 to your blog URL on your computer browser.
    • Example: https://yourblogname.blogspot.com/?m=1
    • Your Live Traffic Feed widget should now display seamlessly on mobile devices!
Important Notes & Advanced Options
  • Default Blogger Behavior: Blogger mobile view only shows standard core widgets (Header, Blog posts, Profile, PageList, AdSense, Attribution) unless explicitly enabled with mobile='yes'.
  • Advanced Mobile Controls: You can customize widget visibility even further using these attributes:
    • mobile='yes' — Displays the widget on both Desktop and Mobile views (Recommended).
    • mobile='only' — Displays the widget ONLY on Mobile view (hidden on Desktop).
    • mobile='no' — Hides the widget on Mobile view (default for custom HTML widgets).