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’
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)
<head>
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’/>
<b:else/>
<meta content=’width=1100′ name=’viewport’/>
</b:if>
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.
