How to Make Blogger Website Mobile Compatible

How to Make Blogger Blog Mobile Phones Friendly to Load Fast. Make your blogger Website mobile friendly so that you don't loose readers who are browsing from mobile.


For a normal blog which is opened directly takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen and readers might close your blog and never return. If you make your blog mobile friendly, users can read and open your blog smoothly. Here are the steps to do that -
1. Sign into your Blogger account > Design > Edit html
2. Search (Ctrl+f) for the following line (it will be on top side)
<b:include data='blog' name='all-head-content'/>
3 .Now after this line add the following code -

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

4. That’s all, now your blog is mobile compatible and will load faster for mobile users.
Well Now Blogger is giving a option in ur settings menu to make ur blogger website mobile friendly but in any case you are not getting that option than this post is just for you.