Don't miss the latest updates, ever

Get your Blog Mobile Ready in 5 Minutes for FREE

Thursday, 29 July 2010, 17:58 | How-To, Wordpress | 9 Comments | Read 1273 Times
by Vaibhav Pandey

In case if you are reading this on your Mobile device, by now you would have got used to the nicer mobile interface powered by our mobile site m.technofriends.in. For the mobile site, we are using a relatively new, but very easy to use service from a Bangalore based MobileMotion. The product (now in private beta) is called MobStac Blogger and in this article, i will walk you through the very simple process of setting up the mobile edition of your blog and the features provided by the product.

As the service is in private beta, you must use the coupon code TECHNOFAN when signing up for the service (as mentioned in the steps below).

Features provided by MobStac Blogger

1.) Solution provided by MobStac Blogger works on all mobile phones and not just the iPhone. I was using the WP-Touch wordpress theme earlier (which did worked well), but have now shifted to MobStac Blogger and would recommend you as well to use this [as its compatible on all phones]

2.) MobStac Blogger takes the device type into consideration when rendering the UI. For e.g., Blackberry users will not see advanced features meant for touch devices like iPhones and Android users.

3.) Images and video are automatically resized, ensuring they suit the screen size of the reader’s device. In addition, articles are automatically paginated on lower-end devices.

Apart from the above, MobStac Blogger will soon also add support for choosing themes. Addition of Analytics and Ads integration is also in the pipeline.

Steps you need to follow to get your mobile website up and running.

1.) Navigate to blogger.mobstac.com/a/register/

2.) Fill in the required details like Email address and password. As the service is in closed Beta, you will need to enter an Invite Code. Use “TECHNOFAN” (without quotes and all in caps).

3.) You will next be able to login to the service using the email id and password specified.

4.) Next fill in the tab called “Settings”. You will be required to enter details like Blog Title, Blog Tagline, Header Image. On the right hand side, you will be able to see the preview of the generated site once you save the changes.

5.) Once you do this and save the changes, your mobile website needs to be able to handle traffic and also do automatic traffic redirection. In order to do so, you need to download the WordPress plugin (this is required if you have a wordpress blog). If you have a blog not on WordPress, you might want to write automatic redirection code for user-agents sent by mobile devices and browsers. (this is what the plugin does automatically for you, if you are on WordPress). The mobile traffic is then served off the MobStac Blogger servers.

6.) You can also setup your own custom domain like m.technofriends.in. You will need to add a CNAME target provided to you by MobStac Blogger for this custom domain.

Do give MobStac a spin and share your experience in the comments section below.

Update 1

Since this article first went online, MobStac has added various new features, below is a quick list

a. MobStac’s WordPress Plugin — Allows you to also view Mobile Site stats. These are basic stats and just show you the number of mobile views on a day-by-day basis.

b. Ad Integration — Currently it also supports showing ads from Adsense (AdMob).

c. Google Analytics — Also supported is integration with Google Analytics to get you even in-depth analytics.



Follow me on Twitter at @vaibhav1981
Tagged with: , , ,
  • Anantya

    Great mobile site, congratulations, works fabulously on my N73 ( which otherwise does an ugly job sometimes, and n job most other times for regular websites and some of the mobile sites as well), tried the Mobstac Blogger, by far the most elegant and best product in the web space ( certainly in the mobile internet space ), your step by step explanations helped a lot :), would definitely recommend this product to anyone who wants to make his/her site mobile friendly.

  • Pallav

    Awesome stuff Vaibhav. I don’t have a website else would have tried. But am forwarding this to a few friends of mine who will find this useful. Keep up the good work.

    - Pallav

  • http://www.glazgo.com/ Martin Hunter

    Will this work on non-wordpress sites as well? We can provide with a xml feed, but we aren’t on WordPress. How will mobile detection happen? Will we get code for detection and redirection for non-wordpress websites too?

  • Ram Shankar Prasad

    Registration link is being shown blank on IE.

  • Rinmy PM

    I tested with a website and its not rendering well on this tool. The website is called smartmomz.com

  • http://www.mobstac.com Sharat

    @Martin Yes, we support anything that publishes an RSS or XML feed. Mobile detection code is provided for non-Wordpress sites as well

    @Ram apologies, can you please try it again, there might have been an intermittent issue. Also can you please tell us what version of IE you are using?

  • http://www.mobstac.com Sharat

    @Rinmy We just checked out your site and it appears that the problem is with your feed – it is currently in a redirect loop. Please check your feed and try it again. The feed we’re hitting is http://www.smartmomz.com/smartmomz/feed

  • http://www.mobstac.com Sharat

    @Anantya and @Pallav thank you very much for the kind words, we are glad you like the product :)

  • Aman

    great mobile site, and kudos to mobstac guys for rolling out such breezy product which sounds really straight forward to use, would definitely give it a try.