Make Your Blog Mobile Phone Friendly


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.

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

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


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

    Thumbs up :)


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us