TellForce Blog
Linking You To The Technology World

How To Make Blogger Widget To Show On Mobile View

Youve got some widgets showing on your website when in
desktop view but wouldnt display on mobile devices. Dont worry, we are going
to work on that now.
Some of the widgets that automatically shows on mobile view includes
the Header, Profile, AdSense, Pagelist and some other ones.

If you desire any other Blogger widget to show on the mobile
view of your website which is Blogger based, you will need to activate
a “custom” mobile template rather than using any of the default
Blogger mobile templates.
After you are done with that, the next thing to do is to add
[mobile=yes] to the below tag of the widget, inside the Bloggers html.


The “mobile” attribute allows you to determine
which of the widgets should be available for mobile view. To determine this,
there are about four options to choose, this includes:
  • ‘default
  • only
  •  ‘yes’
  • ‘no’

Now, getting back to the reason why we are here, follow the
below steps:
WARNING: Before you embark on this journey ensure you back up
your Template.

Also Read
Step 1: Go and get the ID of the widget you wish to display
on mobile phones.
ALSO READ: How Locate Widgets in Blogger Templates to have more
knowledge on step one.
Step 2. Go to “Theme” > “Edit HTML”
Step 3. Click on “Jump To Widget” and select ID of
the widget in question. You will see a similar code like the below starting
with the <b:widget> tag of the widget.

id=’HTML11′ locked=’false’ title=” type=’HTML’>

Step 4. Click inside the code and type mobile=’yes’

id=’HTML11′ locked=’false’ mobile=’yes’ title=”

Step 5. Click “Save Template”
You are done.

Share your experience via the comment box.

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More