How To Make Blogspot Blog Compatible With Mobile Phones

With the increment of mobile web browsing, bloggers are making sure their blogs are mobile friendly to enable visitor with mobile devices views the blog with ease. If the desktop view of your blog is what your blog readers see on their mobile phones, then you need to Go Mobile!

It will take much longer to load your blog on smartphones which in turn, might be frustrating your blog readers if you’ve not optimized your blog for mobile screens. Now, when it comes to making a blog hosted on blogger mobile friendly, all you just need to do is to enable a blogger mobile template for your blog.

Mobile templates will re-format your blogs for smartphones to enhance your readers’ viewing experience. Once enabled, your blogspot blog will automatically be redirected to the mobile view when accessed from a smartphone. The Blogger mobile templates support mobile ads and allow readers to make comments and watch videos.

How Can I Create Mobile Friendly Blogspot Blog?

To make your Blogger blog to be mobile friendly, simply login to your blog dashboard and go to > Template. Click on the gear icon beneath the mobile template preview. Then, select the “Yes. Show mobile template on mobile devices.” option. Choose a mobile template and then save settings.

Your blog readers will now be seeing the Blogger mobile view of your blog whenever they access your blog with a smartphone.

Can I Customize The Mobile View of My Blogspot Blog?

Yes, if you select the “custom” mobile template.

By default Blogger have provided only 8 mobile templates which you can NOT edit as you desired. To edit the mobile view of your blogspot blog, you must activate the custom mobile template. I will discuss this further in another blog post.

NOTE:

==> Adsense mobile ads will show on the Blogger default mobile templates if you’ve added, at least one of your Google ad units on your blog, using the ADSENSE GADGET OR if you have configured your blog to display inline ads.

==> Header, Blog, Profile (About Me), AdSense, and Attribution gadgets display by default on Blogger mobile templates.

To help users of un-supported mobile browsers find your mobile edition, you can add a link to it on the desktop page. It’s easy, just go to your Design tab at draft.blogger.com, click on “Edit HTML” and scroll down until you see the <body> and <div id=’outer-wrapper’> tags:

and add a link to your blog’s mobile edition between the <body> and <div id=’outer-wrapper’> tags as shown below:

<body>
<a href=’http://YourBloggerURL.com/?m=1′>Mobile Edition</a>
<div id=’outer-wrapper’>

(Replace “YourBloggerURL.com” with your actual Blogger URL).

This is a great feature and I hope every Blogger user enables it. Welcome to the mobile web Blogger.com, but what took you so long?

Happy Customizing!

Comment your problem below for help from the TEAM.