2 ways to create a mobile version of your blogger blog

Why make your blog mobile-friendly?

Mobile phones will overtake PCs as the dominant web access device worldwide by 2013 according to a new forecast issued by research firm Gartner. - Fierce Mobile Content

There are two ways to make or add a mobile-friendly version of your blogspot blog. Both use the Blogger mobile template.

Blogger mobile templates are mobile-optimized versions of our Template Designer templates. If you are using one of these templates, when you enable the mobile template option your blog will begin rendering using the mobile version of the same variant. - Blogger Buzz

Technique #1. The Easy Way.

1. On the SETTINGS Tab, go to EMAIL & MOBILE.
2. Under MOBILE TEMPLATE (BETA) section, choose YES to show mobile template.
3. SAVE SETTINGS.

Technique #2. The Hard Way.

This will require editing the template and adding some codes:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

after this:

<b:include data="blog" name="all-head-content"></b:include>

For full instructions, please visit Blogger Trick's How to Make your Blogger Blog ready for Mobile Phones.

If for some reason, the mobile template version of Blogger doesn't seem to work, make sure to append this -- ?m=1 -- at the end of your blog URL. Example:

http://websilog.blogspot.com/?m=1

Also remember Blogger notes about this feature.

*WebKit-based mobile browsers are supported for this launch.
**Supported gadgets/elements in this launch: Header, Blog, Profile, AdSense, Attribution

Related Blogs and Discussion.

Gartner Highlights Key Predictions for IT Organizations and Users in 2010 and Beyond
Announcing Blogger Mobile Templates
How to Make your Blogger Blog ready for Mobile Phones
Mobile Template of my blog is not working