Wednesday, January 6, 2016

How to Display Widgets in Blogger's Mobile Site

How to Display Widgets in Blogger's Mobile Site

By default, the widgets on Blogger is not readily visible in the blog's mobile view. Good thing, we can make them appear with just a couple of words(or codes)! Read on and find out how we can display the sidebar widgets on Blogger's mobile site.

Step by Step: How to Display Widgets in Blogger's Mobile Site

1. Important: To avoiding screwing up the Bloggers XML template, please back up your template first.
2. On your Blogger dashboard, go to Template > Edit HTML
3. Click on the template editor, then search the title of your sidebar widget (Ctrl + F), in my example I find my "Pick Your Interest" labels widget.
4. Just after the title='Pick Your Interest', add the code mobile='yes'

Your code should look like this:

<b:widget id='Label1' locked='false' title='Pick Your Interest' mobile='yes' type='Label'>


5. Click Save Template.
6. Preview your blog's mobile version by adding ?m=1 after your blog URL, for example: http://dandiely.blogspot.com/?m=1

The widgets will be located below the blog feed or at the bottom of the page.

You may also refer to the visual instructions below:

STEP 1-2
How to Display Widgets in Blogger's Mobile Site

STEP 3-5
How to Display Widgets in Blogger's Mobile Site

STEP 6
How to Display Widgets in Blogger's Mobile Site

That's it! :) Any questions? Don't hesitate to comment below! :)

No comments:

Post a Comment

Write your comment or message here.

Ads by Google