How To Compatible Blogger Blog With Mobile Phones

Posted by Lasantha Bandara File Under : basic, change template 21 Comments

If you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog.

Now follow the simple steps given below to ready your blogger blog for mobile phones.

1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Scroll down to where you see below code:

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

3.Now copy below code and paste it just before the above line.

<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>

4.Now save your template and you are done.

21 thoughts on “How To Compatible Blogger Blog With Mobile Phones

  1. if no code like you say:
    <b:include data='blog' name='all-head-content'/>
    there are other alternatives my friend?

  2. How to add extra aria on a blog post (Ex: u'r 3 step have extra aria(scroll bar present) how to add it my blog post. plz explain)

  3. one more my friend...
    may be this is can use or else...:P
    http://developer.apple.com/safari/library/technotes/tn2010/tn2262/index.html

  4. Super Tutorial. Good blogger sholud active this system. Readers can read their blog by using a mobile. It is very helpful gor readers.

  5. is there any lighter template for blogger like a mobile site?? i want a mobile compatible or lighter template for my blog at www.mobilemoviesite.com . can you help me?

  6. How to remove "powered by blogger" on mobile view without selecting custom mobile template. Please explain.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.