Wednesday, 4 January 2012

How to make your Blogger Blog readable on Mobile Phones?

Recently there was a survey of the number of people using mobile phones to surf the internet, and we were all shocked to see that the number of people using mobile Internet has gone up by more than 20 times is the last couple of years due to the onset of more and more complex Smart Phones with excellent browsing capabilities.

A normal blogger blog can take a lot of time to load on a mobile screen and also certain parts of your blog may not appear the way you want it to or it may not appear at all.

So you guys better make your Blogger Blog readable on Mobile Smart Phones and Tablets.So here is how you can make your Blogger Blog readable on Mobile Phones -

1) Go to the Edit HTML Tab under the Design Tab of your Blogger Dashboard -

Blogger Blog for Mobiles


2)Tick the Expand Widgets Button and Find this line of code using Control+F5 -

<b:include data='blog' name='all-head-content'/>


3)Immediately below that piece of code, paste 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) You are Done! Now your blog is ready to be visited by Mobile Users and at a very fast speed!

Please remember to link back to us from your blog and also share this post with your Friends.

Recommended post - Add Numbered Page Navigation to your Blogger Blog. Also check out all our Blogger Tricks.
Gautham On Google+

Get free daily email updates!

Follow us!





0 comments:

Post a Comment

This is a PR 4 Do-Follow Blog, so please give us valuable feedback and not Spam!

Meet the Author

Gautham A S

Gautham A S is a personal tech columnist and blogging expert at TechGau.Org, one of the leading Tech, How-To and Blogging Tips blogs in the world..