Make Your Blog Mobile Phone Friendly

Posted : Thursday, September 23, 2010 | Post Author : Paul Crowe | 1 comments

Back in February i wrote a post showing you how to create a mobile phone or mobile device version of your blog.In that post i told you According to IDC (Interactive Data Corp) there will be over 1 Billion people using the mobile Internet 2013.While creating a mobile device version of your blog is still a valid option you can now add a snippet of code to your template that will make it work better with mobile phones.Recently Blogger started to add the code by default to all the templates in the template designer but if you haven’t changed you template since the code has been added of if you use a custom template you will have to add the code.Don’t worry it will only take a few minutes, lets do it.

Make Your Blog Mobile Compatible

Step 1. In Your Dashboard Click ‘Layout / Design’ > ‘Edit Html’

Blogger layout

edit html blogger

Step 2. Find the following piece of code in your blogs Html, it’s at the very top :
(Click Ctrl and F for a search bar to help find the code – More Info)


Step 3. Copy and paste the following piece of code directly Below / After <head>

<meta content=’IE=EmulateIE7′ http-equiv=’X-UA-Compatible’/>
<b:if cond=’data:blog.isMobile’>
<meta content=’width=device-width,minimum-scale=1.0,maximum-scale=1.0′ name=’viewport’/>
<meta content=’width=1100′ name=’viewport’/>

Once you have the code in place save your template.

That’s it your blog will be more friendly to Cell Phones and other mobile devices.

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. Plantronics HeadsetsJanuary 7, 2011 at 3:45 PM

    Thanks buddy, You really did a great job. I will also share this blog with my friends and students.

    Thumbs up 🙂