How to make your blogger blog template compatible with mobile phone??
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.
Login to your blogger Dashboard--> Design- -> Edit HTML and search for
<b:include data='blog' name='all-head-content'/>
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>
Now save your template and you are done.
I am already making a mobile phone blog, and your advice helped me to create a new design, thanks for your kind help
ReplyDeleteMobile Phones
Hi this Shantanu Mishra,
ReplyDeleteYour HTML format didn't worked at all or please make a video and post it on Youtube