How To Make Your Blog Mobile Ready

1. Sign into your Blogger Account > Go To Design > Then Edit html
2. Search (Ctrl+f) for the following line (it will be on top side)

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

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

Now Save the Changes!