How to Make Mobile Version Your Blogger Blog ready for Mobile Phones Devices? Million and million of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.
From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.
So, here we show how to make your Blogger (blogspot) blog mobile internet friendly....
1. Login to Blogger Dashboard
2. Then choose Design --> Edit HTML
3. Don't forget to backup your template first.
4. Chose Proceed to start editing the HTML code.
5. Check the "Expand Widget Templates" box.
6. Now (Ctrl+F) and find out below code...
7. Paste this code below above line...
That's it! Now, your visitors can access your blogger blog through mobile phones with blazing speed...
From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.
So, here we show how to make your Blogger (blogspot) blog mobile internet friendly....
1. Login to Blogger Dashboard
2. Then choose Design --> Edit HTML
3. Don't forget to backup your template first.
4. Chose Proceed to start editing the HTML code.
5. Check the "Expand Widget Templates" box.
6. Now (Ctrl+F) and find out below code...
<b:include data='blog' name='all-head-content'/>
7. Paste this code below above line...
<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>
8. Save the Changes! <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>
That's it! Now, your visitors can access your blogger blog through mobile phones with blazing speed...
