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]
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
Find this article at: http://www.labnol.org/internet/design/how-to-create-mobile-phone-optimized-blog/2132/
web: http://www.labnol.org/ email: amit@labnol.org
Reader Comments
Thanks! Very useful.
Written by Dima on 01.24.08
awesome hack, thanks!
Written by laura on 01.26.08
Best tip of the Year!!!
It was a real Digital Inspiration for me.
Thanks very much
Daniel Serra
Written by Daniel Serra on 01.27.08
Great idea, thank you! I added the “Mobile” link on my blog and it works perfectly.
The other mobile adaptations I tested wheren’t good, because my blog is picture-based, and the pictures where automatically stretched and degraded to unreadable.
This one instead, just delivers each picture as is, so that, depending on the mobile device, the user might zoom in, zoom out or fit screen at will.
Just what I looked for!
Written by ENTJ on 02.19.08
Hey great tip, but just one question, i have this blog which i booked through Google and presently am using blogger custom domain, Can you tell me since i have no hosting space how can i make my website ready for mobile, i mean using google pages how can i make a site m.finance2money.com , since i am not able to change the address.
Written by Paramjit on 03.01.08
This is such a great idea.. However my blog is so slow and clunky it won’t load at all in a mobile phone, so no one will even see the button I placed.
Wish Blogger would do as WP and automatically make it mobile friendly!
Written by Lady Banana on 03.02.08
Wow, great tips. I’m trying to make a simple mobile page currently. Just for fun. Thanks.
Written by dekan on 03.13.08
Really good article. I have been following your blog for last 3 months. You have good knowledge
on Mobile(cell phone) Industry and happenings. Please continue the good work. Thank you.
Written by Satya on 10.01.08