Aug 28, 2016

How To Use Two Different Blogger Templates for Mobile & Desktop

data:blog.title
Hey Bloggers, How are you? Hope you all are fine. Today, we are going to share a small guide by which you can use different templates for Mobile and Desktop View in Blogger. Previously, We have shared a lot of Blogger widgets but don't you think that writing and reading content only for one topic is boring for reader and designer also.

Use two blogger template at once, Different templates for mobile & Desktop, Blogger different templates

Some of bloggers (Web Designers) users don't want widgets because they can also make for them. So what we are publishing here for those who are a skilled designer. Nothing, Right? So for those readers, To take care of them, Today we are going to share a fantastic trick with all of you to make blogger template different on mobile & desktop view.

Also Read: Customized Contact Form For Blogger! Never Seen Before.

This trick is perfect for those who are not satisfied with their template on mobile or desktop view. Sometimes our template is not well designed and shows many messed up things due to not well coding. If template view is perfect for mobile then it is not good for desktop view and if desktop view is looking good then mobile view is not.

So, what to do when someone facing this problem with their blogger template? Have you any idea? Don't be tense, why we are here? As we have mentioned above we are going to share the trick by using which you can save your blogger template from this big problem and make perfect view of your blogger blog either it is on mobile or desktop.

How To Use Two Different Blogger Templates for Mobile and Desktop View?

This is very easy trick. You have to find two different templates for your blogger blog. One for Mobile view and second for Desktop View, Means which show perfect view. For example : For Mobile View use Viral Grid-Mag and for Desktop View use Blackreen Blogger Template. But how to do this job. Okay let us explain how you can do it on your blogger blog.

STEP1] First, Collect two templates .xml files. For example, we are taking Viral Grid-Mag for Mobile view and Blackreen Template for Desktop view.

STEP2] Now open the both files and copy paste on notepad.

<!DOCTYPE html>
<HTML>
<head>
<b:skin></b:skin>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
Blackreen Template Head Codes for Desktop View
</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Viral Grid-Mag Template Head Codes for Mobile View
</b:if>
</head>
<body>
<b:section id='nothing'>
</b:section>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
Blackreen Template Body Codes for Desktop View
</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
Viral Grid-Mag Template Body Codes for Mobile View
</b:if>
</body>
</head>

STEP3] Now, copy the codes which are in "<head> .. </head>" section of the template you want to show in desktop and replace "Blackreen Template Head Codes for Desktop View" in the code above with it.

STEP4] Now, Do the same process like as above step. Copy the codes which are in "<head> .. </head>" section of the template you want to show in mobile and replace "Viral Grid-Mag Template Head Codes for Mobile View" in the code above with it.

STEP5]  Now, copy codes of "<body>" section from both the template replace "Blackreen Template Body Codes for Desktop View" and "Viral Grid-Mag Template Body Codes for Mobile View " respectively.

STEP6] Now, Click on save template. That's it.

Now, after this whole above process you can see different blogger templates on mobile and desktop. This is also good for page loading speed because Desktop template code not load when someone view your blog from mobile and mobile template also not load when someone see your blog from desktop device.

Also Read: Add Jumbo Counter Social Sharing Widget to Blogger.

Conclusion:

So above guide is about "How To Use Two Different Blogger Templates for Mobile & Desktop View?" We know above task is little tedious. Newbies can face problem when they do this job. So if you want any kind of help from us related to this topic then make contact with us via contact page or drop a comment below. We will help you out of sure. Like this article? Do share and subscribe for learn more tricks from us related to the blogger platform.
Thank You! Stay Blessed!

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.