This article explains why mobile mattes for some blogs (but non all), what tools Blogger has provided to assistance amongst this, in addition to how to ready a mobile topic (aka template) for your blog. It also links to Google's mobile testing tool, which shows y'all how your weblog looks on a mobile device.
By default, when mortal uses a smartphone, tablet or other mobile device to expression at your blog, they run across the "full site" only similar they would if they were using a PC. The pages aren't ready to run good on their pocket-size screen, but they convey access to all the features in addition to gadgets you've installed.
In some cases, this is fine. For example, when I commencement wrote this article, I looked at the statistics for this site and hardly whatsoever of the visitors were mobile. However now, a yoke of years after things convey changed in addition to I've implemented a mobile topic for this blog.
But for other blogs, specially ones that convey maps in addition to other location-information or which people read on the go, having a mobile-friendly topic is rattling important: for example, on my public-transport blog, over 25% of visitors are using mobile, in addition to that figure is growing. Making my site run good for these visitors is definitely of import for its long-term time to come (and my curt term advertising revenue!)
We cannot command the layout of gadgets on these - when the hide is only 300-ish pixels wide, there's non much room to move.
But nosotros tin add in addition to take gadgets, in addition to also yesteryear choosing a custom template larn coloring settings that check our principal blog.
Go to the Themes tab.
If your weblog has a Designer or Dynamic theme, hence in that place volition survive a Mobile option to the correct of the "Live on Blog" area.
If the weblog is non ready to exercise a mobile topic ,then the give-and-take Disabled will survive inward the middle of the moving painting expanse - although it may survive difficult to read if your base of operations template (chosen inward the Live on Blog area) has a moving painting behind it.
Click on the gear-wheel underneath the moving painting to run 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.
Use the Preview push if y'all desire to run across what your weblog volition expression similar amongst the selected template on a mobile device.
When y'all are happy amongst your selection, press Save.
Readers who are using an internet-enabled στοιχείο (ie smartphone), tablet, iPad, etc volition run across a dissimilar view:
I convey a feeling that in that place may survive another differences also - rattling groovy to listen virtually any others you've spotted.
However y'all tin run across whatsoever weblog every bit it would survive on a mobile device yesteryear appending /?m=1 to the terminate of the URL. For example, to run across this weblog inward mobile, I would expression at http://blogger-hints-and-tips.blogspot.com/?m=1 If you're going to exercise this approach, it's best to re-size your browser window hence that it's virtually 300px broad - from my netbook, that's virtually 1/3 of the hide size, but it would survive less from machiens amongst bigger screens.
Another approach is to exercise Google's Mobile Friendly Testing tool, which will
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
In some cases, this is fine. For example, when I commencement wrote this article, I looked at the statistics for this site and hardly whatsoever of the visitors were mobile. However now, a yoke of years after things convey changed in addition to I've implemented a mobile topic for this blog.
But for other blogs, specially ones that convey maps in addition to other location-information or which people read on the go, having a mobile-friendly topic is rattling important: for example, on my public-transport blog, over 25% of visitors are using mobile, in addition to that figure is growing. Making my site run good for these visitors is definitely of import for its long-term time to come (and my curt term advertising revenue!)
What's available
Blogger convey made a laid of mobile themes, to check the measure Designer Themes, in addition to hence far only i to check the Dynamic theme(s).We cannot command the layout of gadgets on these - when the hide is only 300-ish pixels wide, there's non much room to move.
But nosotros tin add in addition to take gadgets, in addition to also yesteryear choosing a custom template larn coloring settings that check our principal 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, hence in that place volition survive a Mobile option to the correct of the "Live on Blog" area.
If the weblog is non ready to exercise a mobile topic ,then the give-and-take Disabled will survive inward the middle of the moving painting expanse - although it may survive difficult to read if your base of operations template (chosen inward the Live on Blog area) has a moving painting behind it.
Click on the gear-wheel underneath the moving painting to run 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 y'all select Default, your mobile template volition exercise the measure template matching your desktop template.
- If y'all select Custom, your mobile template volition exercise the colour-scheme in addition to diverse features from your desktop template, in addition to y'all volition survive able to makes changes to these settings.
Use the Preview push if y'all desire to run across what your weblog volition expression similar amongst the selected template on a mobile device.
When y'all 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 whatsoever other car amongst a full-size screen) won't run across anything different.
- They won't convey a sidebar
- The gadgets volition survive limited (unless y'all add together some extra ones) in addition to inward the header in addition to footer only
- On the home-page in that place volition only survive the title, thumbnail in addition to snippet for each post, in addition to a push for read-more (this is irrespective of where you've pose the jump-break) - notice that the commons methods of giving your weblog a home-page don't ever work.
- Custom styles that y'all convey added to the template may non survive applied (this has happened on i weblog where I exercise styles, I'm yet investigating whether it's a characteristic of all mobile templates, or only due to the agency I added these detail styles).
- There volition survive buttons at the bottom of the page for Home, < in addition to > . I intend that the latter 2 refer to older in addition to newer posts (though possible they are the contrary agency approximately from what I expect).
- There volition survive a link to "view spider web version", which lets your visitor switch to to run across the weblog using the desktop template.
I convey a feeling that in that place may survive another differences also - rattling groovy to listen virtually any others you've spotted.
Seeing what your mobile readers see
The absolute best agency that I've institute to accurately experience my blogs every bit mobile visitors run across them is to exercise a mobile device myself:- Just similar preview agency inward the Post-editor, the mobile preview mode shows a "look in addition to feel" view, which is non alone accurate. For illustration inward the moving painting above, it shows purpose of the most-recent article insteaod of only the send service championship in addition to mini-snippet that I run across when I 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 hide sizes) don't genuinely exercise the mobile template - I suspect that this is due to the agency that Blogger detects mobile devices.
However y'all tin run across whatsoever weblog every bit it would survive on a mobile device yesteryear appending /?m=1 to the terminate of the URL. For example, to run across this weblog inward mobile, I would expression at http://blogger-hints-and-tips.blogspot.com/?m=1 If you're going to exercise this approach, it's best to re-size your browser window hence that it's virtually 300px broad - from my netbook, that's virtually 1/3 of the hide size, but it would survive less from machiens amongst bigger screens.
Another approach is to exercise Google's Mobile Friendly Testing tool, which will
... analyze a URL in addition to written report if the page has a mobile-friendly design.As good every bit showing y'all how your weblog looks, it also reports on whatsoever 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