Make Blogger Blog Mobile Friendly – Redirect Mobile Users To Mobile Site

Trends in technology have been changed and that is mainly when smart phones and tablets arrived. Do you have any idea about visitors who arrive to your blog from mobile devices?

People enjoy viewing your blog only if your blog is mobile friendly. So to grow your audience you must design your blog for both normal users (desktop/laptop) as well as mobile users. Here we will see how to make Blogger blog mobile friendly.

Make Blogger Blog Mobile Friendly (Blogger Mobile Version)

Do you know that your Blogger blog supports mobile devices and it has various templates to choose from? Just add ?m=1 at the end of your blog URL and you can see the mobile version of your blog. If you don’t, then you just have to activate this feature.

Blogger Blog Mobile Template

To get a mobile friendly version of your blogger blog, follow the below procedure.

Its very easy and very simple.

1. Login to your Blogger account.

2. In your blog dashboard head to templates.

3. Now in templates you will see mobile version. Just click on the gear icon to enable and customize your mobile template.

4. Check the option that says “show mobile template on mobile devices”.

Also you will have 7 different templates to choose from. Just select one that perfectly fits your blog, preview it and then save changes when you are done.

Now your Blogger blog is ready for mobile devices. Just add ?m=1 at the end of your URL and you will see your blogs mobile version.

How To Redirect Mobile Users To Mobile Site In Blogger?

All users who are viewing your blog on mobile devices should be automatically redirected to your mobile template, but Blogger fails to do that. By adding a piece of code in to your blogs template you can redirect your mobile users to your mobile site.

Here is how you do that.

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 window.location.href="http://yoursite.com/?m=1";
}
</script>

Remember:- Must replace the URL http://yoursite.com with your website or blog URL.

Also Check Out Below Article!

How To Redirect Blogger Blog To Another Blog Or URL

Redirecting Mobile Users To Mobile Template

Follow these simple steps to redirect your site to mobile site.

1. Login to your Blogger blog dashboard and head to your templates area.

2. Now in templates you will see your web version as well as your mobile.

3. Click on "Edit HTML" under web version and search out for <head> tag.

4. Now paste the above script just below to <head> tag.

Also Check Out Below Guideline!

How To Redirect 404 Error Pages In Blogger

In the above code, just replace yourblog.blogspot.com with your blogs homepage URL. Also make sure that you have added ?m=1 at the end of your URL (Blogger mobile URL).

That’s it. You’re done and from now on all your mobile visitors will be automatically redirected to your mobile template.

The above script detects all your blog visitors who come via Android, iPhone, iPad and BlackBerry devices. It detects and simply shows your blogs mobile template. Note the above script redirects mobile site and so you can use it on websites other than Blogger.

I hope you liked this article. Please make sure to share it with your friends and subscribe to our blog for latest updates.

Happy Blogging!