News!! How To Plow On A Mobile Topic / Template For Blogs Inwards Blogger

This article explains why mobile mattes for some blogs (but non all), what tools Blogger has provided to assistance amongst this, together with how to ready a mobile topic (aka template) for your blog.  It also links to Google's mobile testing tool, which shows you lot how your weblog looks on a mobile device.

By default, when mortal uses a smartphone, tablet or other mobile device to facial expression at your blog, they come across the "full site" but similar they would if they were using a PC.   The pages aren't ready to operate good on their pocket-size screen, but they convey access to all the features together with gadgets you've installed.

In some cases, this is fine.  For example, when I kickoff wrote this article, I looked at the statistics for this site and hardly whatever of the visitors were mobile.   However now, a duet of years subsequently things convey changed together with I've implemented a mobile topic for this blog.

But for other blogs, peculiarly ones that convey maps together with other location-information or which people read on the go, having a mobile-friendly topic is real important:   for example, on my public-transport blog, over 25% of visitors are using mobile, together with that figure is growing.  Making my site operate good for these visitors is definitely of import for its long-term hereafter (and my curt term advertising revenue!)

What's available

Blogger convey made a laid of mobile themes, to fit the criterion Designer Themes, together with thus far only i to fit the Dynamic theme(s).

We cannot command the layout of gadgets on these - when the enshroud is only 300-ish pixels wide, there's non much room to move.

But nosotros tin add together with take away gadgets, together with also past times choosing a custom template larn coloring settings that fit our primary blog.

How to enable a mobile topic / template for your blog

Log in to Blogger using an concern human relationship amongst administrator rights to the blog.

Go to the Themes tab.

If your weblog has a Designer or Dynamic theme, thus at that spot volition last a Mobile option to the correct of the "Live on Blog" area.

If the weblog is non ready to job a mobile topic ,then the discussion Disabled will last inward the middle of the film surface area - although it may last difficult to read if your base of operations template (chosen inward the Live on Blog area) has a film behind it.

Click on the gear-wheel underneath the film to come across the mobile options.

Select "Yes.  Show mobile template on mobile devices."

Either larn out the mobile template on Default, or select i of the other options.

• If you lot lead Default, your mobile template volition job the criterion template matching your desktop template.
• If you lot lead Custom, your mobile template volition job the colour-scheme together with diverse features from your desktop template, together with you lot volition last able to makes changes to these settings.

Use the Preview push if you lot desire to come across what your weblog volition facial expression similar amongst the selected template on a mobile device.

When you lot are happy amongst your selection, press Save.

What your readers see

Visitors to your weblog who are using a desktop PC (or laptop or netbook or whatever other car amongst a full-size screen) won't come across anything different.

Readers who are using an internet-enabled electrochemical cell (ie smartphone), tablet, iPad, etc volition come across a dissimilar view:

• They won't convey a sidebar
• The gadgets volition last limited (unless you lot add together some extra ones) together with inward the header together with footer only
• On the home-page at that spot volition but last the title, thumbnail together with snippet for each post, together with a push for read-more (this is irrespective of where you've seat the jump-break) - notice that the green methods of giving your weblog a home-page don't e'er work.
• Custom styles that you lot convey added to the template may non last applied (this has happened on i weblog where I job styles, I'm withal investigating whether it's a characteristic of all mobile templates, or but due to the agency I added these item styles).
• There volition last buttons at the bottom of the page for Home, <   together with > .    I mean value that the latter 2 refer to older together with newer posts (though possible they are the contrary agency roughly from what I expect).
• There volition last a link to "view spider web version", which lets your visitor switch to to come across the weblog using the desktop template.

I convey a  feeling that at that spot may last another differences likewise - real nifty to involve heed virtually any others you've spotted.

Seeing what your mobile readers see

The absolute best agency that I've constitute to accurately experience my blogs every bit mobile visitors come across them is to job a mobile device myself:

• Just similar preview vogue inward the Post-editor, the mobile preview mode shows a "look together with feel" view, which is non only accurate.   For illustration inward the film above, it shows purpose of the most-recent article insteaod of but the postal service championship together with mini-snippet that I come across when I facial expression at the site on my phone.
• The screen-size testers that I've tried out (ie software tools that mimic showing your website inward diverse dissimilar enshroud sizes) don't genuinely job the mobile template - I suspect that this is due to the agency that Blogger detects mobile devices.

However you lot tin come across whatever weblog every bit it would last on a mobile device past times appending /?m=1 to the halt of the URL.    For example, to come across this weblog inward mobile, I would facial expression at  /?m=1      If you're going to job this approach, it's best to re-size your browser window thus that it's virtually 300px broad - from my netbook, that's virtually 1/3 of the enshroud size, but it would last less from machiens amongst bigger screens.


Another approach is to job Google's Mobile Friendly Testing tool, which will

... analyze a URL together with study if the page has a mobile-friendly design.

As good every bit showing you lot how your weblog looks, it also reports on whatever issues that convey been found.

---

Related Articles

Adding gadgets to your mobile template.

Removing the attribution from moblile blogs

Showing a Google custom map on your blog

Advertising programmes for websites

Types of Blogger template

Administrator rights to your blog

Tweet

Subscribe to receive free email updates: