Thursday, January 24, 2008

Make a Mobile Friendly Version of your Blog with Google Reader

Source: http://www.labnol.org/internet/design/how-to-create-mobile-phone-optimized-blog/2132/

labnol mobile view You blog design may be perfectly optimized for the desktop screen but there are lot of people out there who frequently check your website for new content using their mobile phones.

They are not interested in the sidebars, navigation areas and other design elements - all they want to see is a simple listing of your blog posts in reverse chronological order. If they like to read a post, they can click the title and a mobile friendly version of that page should open on the screen of their cell phone.

You may not be a geek or may have the time to create a mobile edition of your blog so here are two simple hacks to help you out - your blog content won’t just look extremely readable on a mobile phone screen, it will also load very fast.

1. Google Reader - The Ten Second Solution

Google Reader can generate an excellent mobile view of your RSS feed without any effort. Just append your feed address to the following URL and your mobile blog is ready.

http://www.google.com/reader/m/view/feed/[feed_address]

labnol-google-reader

And here’s a live example - use your mobile phone to see the awesome page rendering

http://www.google.com/reader/m/view/feed/http://feeds.labnol.org/labnol

Call this link "Mobile Site" and place it somewhere at the top of your blog design so mobile phone users will notice it instantly and switch to the mobile view.

2. The next solution is to create a free account at mofuse.com and they’ll give a personal mobile website with a .mobi address - something like http://labnol.mofuse.mobi/.

If you have self-hosted blog like on WordPress or Blogger Custom domains, you can easily setup the mobile edition of your site on a subdomain (e.g. m.labnol.org) - it is short and your users can easily guess the URL since almost all popular sites now follow the m. convention.

WordPress users are lucky as there’s a plugin that will automatically detect if the client is a mobile phone browser and it then renders a mobile friendly version of the blog to the visitor.

Related: Create Printer Friendly Blog with PDF Support


Make a Mobile Friendly Version of your Blog with Google Reader - Digital Inspiration