ChicGeek, Gadgets, Tech Tips

How to make your blog mobile friendly

55 Comments 29 March 2010

Believe it or not, I’ve been living the last six weeks without a home that has internet. It’s crazy, I know! How does a blogger survive without internet? Well, these days we’re lucky to have mobile devices, like iPhones, Androids, Blackberries, HTC Touches… a whole host of  options to browsing the web on the go. I have an iPhone now, and am quite happy with the accessibility, however, browsing websites isn’t quite the same on a tiny hand-held device. Things like sidebars, and columns become difficult, as you’re constantly scrolling around, zooming in and out. It’s a chore.

Create a Mobile Version

I’ve noticed that some blogs have already launched a mobile version of their blogs. PR Couture was the first one I came across, and nearly fell out of my chair. Crosby Norricks, the site owner shared that she uses the WP touch plug-in on her WordPress self-hosted blog. I’ve checked around and there seems to be a load of different options, like Mobify.meMobilePress and a few more, but WPtouch seems to be the easiest, most reliable, and fastest loading plug-in out there. Unfortunately, most the easy mobile plug-ins are geared towards WordPress users, but I’m sure that it will soon change as more people use mobile devices to access the internet on the go.

One IFB member, Elodie of Eleanore Bridge took the WP Touch plug-in and tweaked the CSS to match her full blog version, right down to an easy to use English translation link as her blog is in French…

If you’re not as CSS savvy as Elodie, it’s ok, the WPtouch also has loads of options in the dashboard where you can customize your mobile version. It only took a few moments with the IFB site to create a lean and easy to load version:

Either way, it’s probably better to start thinking about creating mobile versions of you blog, or at the very least, keep your eye out for plug-ins for your platform. Think about how much more you’re using mobile devices, and how much nicer it is when a website has an app, or at least a mobile friendly design for the site. From personal experience,  in the past month, I can say that most sites aren’t very mobile friendly (including my own). Not taking a few extra steps for mobile users might after all, deter interaction those who might be hanging out somewhere thinking about reading your blog.

Have you made a mobile friendly design for your blog? Which platform did you use?

Author

- who has written 339 posts on Independent Fashion Bloggers.

Jennine Jacob founded IFB in September 2007. She also founded, The Coveted, a personal style blog, and writes for eat, sleep, denim. Be a part of our community... Join IFB!

Contact the author

Your Comments

55 Comments so far

  1. Midtown Girl says:

    I was JUST talking about this with a friend today…you read my mind dahling ;-) i am totally getting on this, bc I usually only have my phone with me when I am trekking around the city. This option would be a lifesaver. XOXO

  2. I have a few of my favorite blogs that are mobile-friendly saved on my iphone homescreen- since I’m always on the go, I end up visiting them more often then those I only can view on my laptop.

    Great tip in customizing the css to match the full screen- I may have to try that!
    .-= alexandra | Dresses for Breakfast´s last blog ..sunny yellow =-.

  3. Some of my readers have asked about a mobile version, actually, but since I use SO much video, I’m not sure it’s going to work. But clearly I’m going to have to do something!

  4. WendyB says:

    Is this easy enough for me to do now rather than waiting for my blog redesign? It seems so with a WP plugin (and a programmer!)
    .-= WendyB´s last blog ..Book Club: A Distant Mirror, Part II =-.

  5. The Mod One says:

    I’m reading this post right now on my iPhone and it’s great… I can’t believe how fast it loads, gonna have to download the plug-in asap. Thanks for the tip!!
    .-= The Mod One´s last blog ..Fashion’s Future is 3D =-.

  6. Veronica says:

    jennine,

    what an amazing, informative post –
    thanks for all the research u do in keeping up updated & current – V.

  7. Retro Chick says:

    I did this. Then I killed my blog and had to reinstall it all, need to reset up the mobile plug in. Oh it’s a whole palaver!
    .-= Retro Chick´s last blog ..Magic Shoes…. =-.

  8. Hi Jennine – This subject has been on my mind recently. Perfect timing for this post. Thanks so much for the info!
    XO Piper
    .-= DailyDivaDish´s last blog ..Feeling LUCK-Y! =-.

  9. I have Blogger, so I’m not sure what will work for mine, but I’m definitely going to have to look into this!
    .-= Lindsay {Shrimp}´s last blog ..happy birthday, shrimp! oh, and I ran 13.1 miles yesterday… =-.

    • Jennine says:

      i tried to find blogger plugins for this and to no avail, only some google reader hack was the best way, but its sooo ugly and kind of a pain to install

      • HauteWorld says:

        Mobify.me actually works for blogger platforms. I’ve been in the process of using this for my blog, but as you mentioned, it does require a bit of CSS knowledge and I find it less intuitive than some of the WP solutions out there. But as far as blogger solutions go, this is probably the only relatively versatile tool out there.
        .-= HauteWorld´s last blog ..Lanvin & Other Windows (Paris, France) =-.

        • Leah says:

          I use Blogger, and I just (before this post, oddly) made my blog mobile via MobifyMe. I really don’t have much CSS knowledge and I somehow figured out how to make it work. They have very helpful tutorials on the site. I recommend trying it!

          Good luck bloggers!

  10. I’ve been meaning to install one of the WP plugins to make a mobile version of my blog. Sometimes it slips to the back of my mind, because I feel like one of the few people out there who still doesn’t have a smart-phone!

  11. Elissa says:

    Love this idea, but how do you get these mobile-friendly versions to launch on your phone? I use a Blackberry Curve and The PR couture link still sends me directly to the browser with the same ol’ deconstructed website. Do I need an iPhone to enjoy this app?? Either way, I’m installing WPtouch on my blog, just in case ;)

    Thanks for the great article!
    .-= Elissa´s last blog ..Providence Launch Party =-.

    • Jennine says:

      ooh good to know, Mobify.me, MobilePress both have versions for non iPhone users, I’m working on the Mobify.me one for The Coveted, but you need to know a bit more about css and getting it installed requires some extra steps i haven’t figured out how to do yet. but the support and friendlieness of mobify.me is really good.

  12. wp touch seems to be a very good way to mobilize the blog. i´ve also used it but we are working on a iphone app too and something for the ipad. however, i think it is very important to make the blog mobile friendly. thanks for the post:)

  13. Kristina says:

    Yet another reason why I love WordPress. :)
    .-= Kristina´s last blog ..A Very Vogue Alice in Wonderland =-.

  14. eyeliah says:

    Thank you so much, I will get to work on my own mobile blog!
    .-= eyeliah´s last blog ..Style Me Submissions =-.

  15. Kristina says:

    Come check out my WPTouch theme on http://www.prettyshinysparkly.com and let me know what you think!
    .-= Kristina´s last blog ..A Very Vogue Alice in Wonderland =-.

  16. Marie Denee says:

    You know what??? I had just referred someone to this plug-in, yet I hadnt used it myself! I am most def gonna take it for a whirl!

    Thank s Jennine!
    .-= Marie Denee´s last blog ..Johanna Dray-the pioneering French plus size model =-.

  17. I use mippin.com – as a plugin on WordPress for the mobile application of LLG & it’s brilliant. I can see from comments that people are reading LLG using it as comments from mobiles have a http://www.mippin.com signature bracketed at the end. It’s also easily customisable. Honestly – it’s a doddle. Installation to Libertylondongirl.com took about 3mins. It was one of the very first things I did when I re-launched the site in Feb. I don’t think you can take a site seriously any more unless it is optimised for mobile devices.

    LLGxx

  18. Great article! I want to make my blog mobile, but I don’t know how to do this with blogger, and I don’t know a lot about CSS. I am going to have to check on this.

  19. julia says:

    Thank you sooo much for this post! I just installed the WPtouch!

  20. Angie says:

    I hadn’t thought of this since I don’t really browse the web with my phone, so thank you!
    .-= Angie´s last blog ..Skull Blossom Giveaway Winner Announced! =-.

  21. I am so old fashioned I didn’t even consider this, I obviously need blackberrying! Really helpful post thanks so much – I am off to get more tech! x
    .-= Pearl Westwood´s last blog ..TK Maxx Challenge & Vintage Dress Winner! =-.

  22. Sarah says:

    WOW thankyou soo much for that! I’ve just registered with mobify and now my site is totally mobile friendly! yaay more potential readers on the go!

  23. ann says:

    I’ve learn so much this whole week from just this one site. There’s so many things that existed – I’ve been so out of the loop LOL!

  24. M says:

    I had to deal with a non-internet at home situation a few weeks ago and it was hard trying to read anything on my phone -even my own blog- so this is great info, I’ll search for a blogger friendly version of this
    .-= M´s last blog ..Open Season =-.

  25. Antony Swans says:

    Most of mobile plug-ins are geared towards WordPress, it’s true. Moreover, they usually don’t let your blog retain its original design. Let us offer you our FREE mobile compatible WordPress theme Möbius. Or you can also visit our site MobilizeToday.com to see how we can make your blog mobile friendly.

  26. katrina says:

    thank you — just made my blog mobile-friendly!

  27. Ebony says:

    I LOVE this. Now if only I can find a Mobile application for my blogger blog :)

  28. Amber says:

    Darn, I just did some research and it seems like blogger doesn’t have a platform for mobile friendly blogs yet boooooo! Although my blog looks pretty good the way it is on my phone I want to make it simpler!

  29. Natasha says:

    Are there anyways to make a blog mobile friendly for blogger?

    Thanks!

    Natasha

  30. techsavvy says:

    hey u cn try using mobstac..Its a pretty good option…retains the original look of your blog…better speed…u dnt need ne super tech know how to install…Its really kewl..

  31. Jay says:

    I love blogging and I’m always on my Blackberry. I use Blogger, does anyone know if their are any mobile view plug-ins on there?

    xo.

  32. Gemma says:

    I hadn’t really thought about this before but it is something I need to think about. I would need help from someone more tech savvy though, I’m pretty useless. I like to read blogs when I’m on the bus in the morning on the way to work and it takes a long time and I don’t get to take in all the information and features.
    It would be great if more bloggers thought about it.


Trackbacks/Pingbacks

  1. Links à la Mode : Thinking Fashion - 01. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  2. Links a la Mode: Thinking Fashion | Unfunded - 01. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  3. Links à la Mode : The IFB Weekly Roundup | M.I.S.S. - 01. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  4. Links à la Mode « Second Hand Shopper - 02. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  5. Links à la Mode | - 02. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  6. Links à la Mode: The IFB Weekly Roundup | TheWorkingWardrobe.com - 02. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  7. Smiles Go With Everything » Links à la Mode : April 1 - 03. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  8. Thinking Fashion « Style Bust - 03. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  9. Links à la Mode: Thinking Fashion | The Demoiselles - 06. Apr, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]

  10. Have a Smartphone? - 19. Apr, 2010

    [...] As you see it now and as seen above, all thanks to WPTouch, a WordPress plugin I learned about from Jennine of Independent Fashion Bloggers; she also inspired me to take up fashion blogging, which I’ll explain soon [...]

  11. Want a Large Audience? Blog Like Pizza | BloggingPro - 21. Apr, 2010

    [...] Pizza is portable. Thanks to cardboard boxes, pizza pies can be brought just about anywhere. Just ask your local delivery boy! You want to make sure that your blog has the same transportablity (not a word, I know). Learn how to blog from any cell phone and be sure that your blog can be read on most mobile platforms [...]

  12. vanessareece.com now available in mobile format | Full Figured Plus Size - 04. May, 2010

    [...] to do it for a while, and now with the new theme and a lot of help from this fabulous article from IFB, I now have a working, easy to view website from a mobile [...]

  13. Links | Forty Not Out - 27. Dec, 2010

    [...] Independent Fashion Bloggers – How to make your blog mobile friendly [...]









The IFB News

Blogger Poll

What platform do you blog from?

View Results

Loading ... Loading ...



© 2012 Independent Fashion Bloggers. Powered by Wordpress.

Independent Fashion Bloggers, by Coveted Media, Digital Influence Agency

More in ChicGeek, Gadgets, Tech Tips (90 of 127 articles)


Whether you just started your Twitter account, or you started tweeting a month after Twitter launched in 2006, the thought ...