How to Make Your Blogger Blog Mobile Friendly

As you know, now a days millions of people are using internet on mobile instead of laptop or PC. More than that mobile devices now a days are coming with latest features, speeds and specs for example 3G, 4G, latest versions, more better software's that makes site or blog user friendly.

If you see the stats of blog or website you can clearly see that most of the visitors are using mobile operating systems which shows that how much there is usage of Cell Phones. If you will not make your blogger blog mobile friendly you will definitely lose mobile readers, in cell phones a normal blog takes a lots of time to load and there are other issues like in mobile screen site is not fitting properly.

Note: Now in blogger you can see there is already feature that makes your site mobile friendly but when you use other templates you have to add some codes to make your blogger blog mobile friendly.Below are two steps to make your blog mobile friendly.

How to Make your Blogger Blog Mobile Friendly

STEP ONE

Follow the steps to make your blogger blog mobile friendly.

1. Login to blogger.com

2. Go To Dashboard

3. Click on Template

4. Click on "Edit HTML'

5. Search for the below code

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

Paste this code below that 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>

Work Done!

STEP TWO

Follow the below steps.

1. Login to blogger.com

2. Go To Dashboard
3. Click on Template
4. There is option of mobile on right side
5. Click on setting of mobile.
6. Click on Yes. Show mobile template on mobile devices. option.
7. Save it.

Work Done. Happy Blogging!