How to Create Default Template Blogger So Responsive (Mobile Friendly) - POST is actually already in the post How To Modify Default Template Blog Blogger . repost in order to focus on how to Create Default Template Blogger So Responsive or meresponsivekan default blogger template.
With this trick, the default template blogger, especially template Simple, do not get confused looking for responsive template-free credit link in addition to the premium.
That is, using the default template blogger, the blog you are free link credit, because that modify your own. Posts Powered by Blogger or Powered by Blogger may be removed, may also be left.
The default template is NOT responsive blogger. To be able to be accessed by both the Mobile Devices , then it must be set as shown below.
So Responsive Blogger Default Template
If you use a template responsive (not innate blogger), then select the settings is "No. Show desktop template in mobile devices", as already Share on How to Enable Responsive Template .
You've made a new blog, and then select a template Simple :
Blogger Default Template
Well, the template we will make it responsive mobile friendly alias. You do this as follows:
1. Disable Navbar Blogger
Click Layout > Edit Gadget Navbar. Select the option OFF to disable navbar.
disable navbar
3. Remove and replace the above code with the following code:
4. Find another code below:
5. Remove and replace it with the code below:
6. Copy & Paste the following code above the code </ head>
7. Save Template!
Blogger Default Template Now that you are using is Responsive. Please check the results in the Mobile Friendly Test in or Troy Responsive Tester . Good Luck and Happy Blogging!
With this trick, the default template blogger, especially template Simple, do not get confused looking for responsive template-free credit link in addition to the premium.
That is, using the default template blogger, the blog you are free link credit, because that modify your own. Posts Powered by Blogger or Powered by Blogger may be removed, may also be left.
How to Create Default Template Blogger to Responsive Template
The default template is NOT responsive blogger. To be able to be accessed by both the Mobile Devices , then it must be set as shown below.
If you use a template responsive (not innate blogger), then select the settings is "No. Show desktop template in mobile devices", as already Share on How to Enable Responsive Template .
How to Create Default Template Blogger So Responsive
You've made a new blog, and then select a template Simple :
Blogger Default Template
Well, the template we will make it responsive mobile friendly alias. You do this as follows:
1. Disable Navbar Blogger
Click Layout > Edit Gadget Navbar. Select the option OFF to disable navbar.
disable navbar
2. Click Template> Edit HTML
Search (Ctrl + F) the code below.
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); }.post-body img, .post-body .tr-caption-container { padding: 0;width:auto; max-width:100%; height:auto; } <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if><meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/><style type='text/css'> @media screen and (max-width:1024px){body,.content-outer, .content-fauxcolumn-outer, .region-inner {width:100%!important;min-width:100%!important;padding:0!important}body .navbar {height: 0!important;} .footer-inner {padding: 30px 0px!important;} } @media screen and (max-width: 603px){ .main-inner .columns {padding-right: 0!important;}.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;} } </style>Blogger Default Template Now that you are using is Responsive. Please check the results in the Mobile Friendly Test in or Troy Responsive Tester . Good Luck and Happy Blogging!