What is it Responsive Template?
Design template that refers to the method percent (%), so it can adapt to all devices. Its width will always adjust to the device being used, whether it is mobile, tablet or desktop. Size images, writings and all the elements come to adjust as well. So that mobile users can feel the comfort of what is perceived by the users desktop.
Responsive template increased smartphone users around the world, causing a high increase in the number of visitors from mobile devices. For their convenience, the website owner required to adjust page views, either on a computer or mobile device, so that visitors can feel comfortable both devices (user friendly).
Actually, Blogger is already providing features for mobile viewing. But zoom is still too simple, and likely less supportive in showing ads. Then, how to make Blogger template mobile friendly, without activating the mobile display?
How to create a template to be responsive?
Already many tutorial how to create a blog theme or template became responsive. But, what I want to share is a new way. This time Bakul Oreg want to share how to create / modify the standard template of Blogger be fitted on all screens (responsive). Before following this tutorial, you should first back up your template, or create a new blog as an experiment. follow carefully so as not to get lost.
Please follow the tutorial how to create a default responsive Blogger template without activating the mobile display.
1. Find code like below, it's located in the head tag
<meta expr:content='data:blog.isMobile
? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
No comments:
Post a Comment