How to Customize Or Edit Blogger Mobile Templates

So, there is some good and healthy news from the Google Blogger Team on the Blogger Code Blog. If you have enabled the Mobile Templates, you will be able to customize or edit the Blogger Mobile Template by using CSS definitions in very easy way. You will also be able to control which widgets are to be shown and which shouldn't on your mobile version of blogger blog. You can also configure the widgets to show an alternate content in the mobile view. Here is how.

How To Customize Or Edit Blogger Mobile Templates

Go to your blogger blog Template and Click on the Gear Icon below the Mobile Template. From the Dropdown option for “Custom”, Preview.

We know Blogger Templates are made up  of using Widgets.Blogger has added a new property (mobile) to the <b:widget/> tag. This property can take values ‘default', ‘yes', ‘no' or ‘only'.
The following widgets are uses in blogger mobile template.
  • Header
  • Blog
  • Profile
  • PageList
  • AdSense
  • Attribution
Now If you are interested  to hide any of those widgets, then use the property mobile='no' in the Widget tag, and that widget would no longer appear in the mobile view, just like below example.
How to Customize Or Edit Blogger Mobile Templates
How to Customize Or Edit Blogger Mobile Templates
<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>
Now If you are interested to display the non-default widgets in your Mobile view, then just set the mobile property to yes like below example.
<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>

Happy hacking your blogger template in mobile version, and do share if you have created some really awesome mobile template :)

How to Customize Or Edit Blogger Mobile Templates Reviewed by Ghulam Haider on 09:10:00 Rating: 5

1 comment:

durgaprasda said...

Nice quality information on the topic, if you want lean more about blogging, seo tricks and tips visit my blog you will find some unique article.

Latest blogging tips and tricks 2015 for new blogger

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form


Email *

Message *

Powered by Blogger.