How To Compatible Blogger Blog With Mobile Phones

Posted by Lasantha Bandara on August 31st, 2010 File Under : basic, change template21 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.

File Under : basic, change template

21 Responses to “How To Compatible Blogger Blog With Mobile Phones”

  1. Beben says:

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

  2. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Beben

    Add the code just after the <head> tag.

  3. test blog says:

    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)

  4. Beben says:

    i see i see, thanks 🙂

  5. Beben says:

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

  6. Lasindu Nadishan | Admin - www.Slbloggs.com says:

    nice post.thanks

  7. AK 47 says:

    I want to use the HTML COde style for my blogger ! Can u guide me about it !!!

  8. Anonymous says:

    For the help please use http://www.google.com

  9. Tesco car insurance says:

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

  10. Bulma says:

    thanks a lot, now my readers acn read my blog in mobile.

  11. Bulma says:

    thanks a lot, now my readers can read my blog in mobile.

  12. denidi says:

    good job....

  13. pututik says:

    i will try this tips, just really cool tricky

  14. Gadget Expert says:

    This is a nice post ! continue the good work! can i take this post for my site ?

  15. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Gadget Expert

    You can promote this post.But you must give credits to this orginal post.

  16. dr. Cinta says:

    Nice trick...it's usefull for me..

    Trims. Blogger Pemula

  17. yblinx says:

    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?

  18. Guest says:

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

  19. IT Support Melbourne says:

    That's cool.

  20. term papers says:

    ow to remove "powered by blogger" on mobile view without selec

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.