Getting your gadget to work on the mobile version of blogger/blogspot

If you have added a Gadget to the desktop version of the site, it might not work on the mobile version.

To enable it for the mobile version, you will need to take some additional steps.

Go to the dashboard, click on Template.

You will see Mobile, with an image and a Gear.

Click on the Gear, and select "Yes show mobile template on mobile devices".

Then, in the mobile template, choose Custom, and then Save.

Then click on the EDIT HTML button.

From the Jump to Widget drop down, select your gadget.

For example, you might have added an HTML/Javascript gadget.

It might look like:

 <b:widget id='HTML1' locked='false' title='' type='HTML'>
  ...


Just add the mobile='yes' attribute to it (other options are 'no' and 'only').

 <b:widget id='HTML1' locked='false' mobile='yes' title='' type='HTML'>
  ...


Save the template, and try it out.

Note: You might want to backup the template before making any changes just in case.

If you don't have a mobile device, you can try it out on the desktop by adding ?m=1 to the url like this: http://example.blogspot.com/?m=1

No comments:

Post a Comment