{"id":8861,"date":"2011-01-05T14:40:47","date_gmt":"2011-01-05T21:40:47","guid":{"rendered":"http:\/\/blog.wapreview.com\/?p=8861"},"modified":"2011-05-24T06:56:13","modified_gmt":"2011-05-24T14:56:13","slug":"your-blogger-blog-is-now-mobile-friendly","status":"publish","type":"post","link":"https:\/\/wapreview.com\/8861\/","title":{"rendered":"Your Blogger Blog Is Now Mobile Friendly"},"content":{"rendered":"

\"Blogger<\/a><\/p>\n

Google’s Blogger is the largest blogging platform by far, hosting over 40 million individual blogs. While famous for the many spam blogs or “splogs<\/em>” it hosts, the free service is also used by millions of legitimate bloggers including some well know ones like Google Operating System<\/a>, PostSecret<\/a>, the law blog Althouse<\/a> and Michael Mace’s Mobile Opportunity<\/a>.\u00a0 It’s even used for some big corporate blogs like the official Twitter<\/a> and Alexa blogs<\/a> and all of Google own blogs such as the Official Google Blog<\/a> and the YouTube<\/a>, Gmail<\/a>, Android Developers<\/a> and Google Mobile<\/a> blogs.<\/p>\n

One thing that Google has lacked that competing hosted\u00a0 blogging services like WordPress.com, Microsoft Spaces (now hosted on WordPress) and Livejournal have is a mobile friendly version.<\/p>\n

It looks like Google has fixed that with a new mobile option that was quietly rolled out<\/a> last month. Here’s how to enable it on your Blogger blog.<\/p>\n

Go to Blogger In Draft<\/em> at draft.blogger.com<\/a> and log in with your Google account. Blogger In Draft is Blogger’s Beta or Labs site where new features are initially made available for public beta testing. Changes made using the Drafts interface apply to your live Blogger blog.<\/p>\n

Click\u00a0 Settings and then click Email & Mobile tab and select the radio button to turn on mobile templates (image above). Don’t forget to click the Save button when you are done. There’s also a Preview button that lets you see what the mobile version of your blog will look like before you commit to enabling it.<\/p>\n

\"Blogger \"Blogger<\/p>\n

The mobile templates deliver your blog in a light-weight single column format. The home page (image above, left) is a list of recent posts with an excerpt and thumbnail image for each. Clicking on a post’s title, description or thumbnail opens the full post with all images and comments in a single page (image above, right). Images are re-sized to 300px wide but their is no pagination. This is fine for the WebKit based browsers that Blogger is targeting but can produce pages that are too large to load in some legacy mobile browsers.<\/p>\n

To simplify the page and make it mobile friendly, the mobile templates remove most of your add-on Blogger Gadgets. Only your Header, Blog, Profile, AdSense and Attribution gadgets\u00a0 will appear on your mobile blog. If you are using Adsense, mobile ads will be shown on mobile pages.<\/p>\n

According to Blogger, if enabled, the mobile version will be served to smartphones with WebKit based Browsers. I didn’t find that to be strictly true, the mobile version was delivered to the iPhone, bada and Android browsers but not to the WebKit based Symbian browser.<\/p>\n

Users of un-supported\u00a0 mobile browsers like Symbian, Windows Phone and Opera Mini and Mobile will still see the desktop version. Fortunately, they can force the mobile version to appear in any browser by appending ?m=1 to the URL. There don’t seem to be any WebKit dependencies in the mobile template which worked well for me with the Symbian and Opera Mini Browsers.<\/p>\n

So far not many Blogger publishers, not even most of the official Google blogs, have enabled the mobile templates. A couple that have are Blogger’s own Blogger Buzz<\/a> (images below) and Blogger Buster<\/a>, a 3rd party site covering Blogger.<\/p>\n

Interestingly the ?m=1 trick works even with blogs that haven’t enabled mobile templates, for example; mobileopportunity.blogspot.com\/?m=1<\/a><\/p>\n

If you have a Blogger site, I recommend that you enable mobile templates, it will make your blog much more usable for millions of mobile web users, many of whom do not own a PC.<\/p>\n

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\u00a0 <div id=’outer-wrapper’> tags:<\/p>\n

<body>
\n<div id=’outer-wrapper’><\/em><\/p>\n

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

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

(Replace “YourBloggerURL.com<\/em>” with your actual Blogger URL).<\/p>\n

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?<\/p>\n

\"Blogger \"Blogger<\/p>\n","protected":false},"excerpt":{"rendered":"

Google’s Blogger is the largest blogging platform by far, hosting over 40 million individual blogs. While famous for the many spam blogs or “splogs” it hosts, the free service is also used by millions of legitimate bloggers including some well know ones like Google Operating System, PostSecret, the law blog Althouse and Michael Mace’s Mobile Opportunity.\u00a0 It’s even used for some big corporate blogs like the official Twitter and Alexa blogs and all of Google own blogs such as the … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":8870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18],"tags":[1147,735],"_links":{"self":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/8861"}],"collection":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/comments?post=8861"}],"version-history":[{"count":21,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/8861\/revisions"}],"predecessor-version":[{"id":8887,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/posts\/8861\/revisions\/8887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media\/8870"}],"wp:attachment":[{"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/media?parent=8861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/categories?post=8861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wapreview.com\/wp-json\/wp\/v2\/tags?post=8861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}