In unopen to cases, this is fine. For example, when I commencement wrote this article, I looked at the statistics for this site and hardly whatever of the visitors were mobile. However now, a duo of years afterward things bring changed together with I've implemented a mobile topic for this blog.
But for other blogs, especially ones that bring maps together with other location-information or which people read on the go, having a mobile-friendly topic is existent 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 skillful for these visitors is definitely of import for its long-term futurity (and my brusk term advertising revenue!)
What's available
Blogger bring made a put of mobile themes, to fit the measure Designer Themes, together with hence far entirely i to fit the Dynamic theme(s).We cannot ascendancy the layout of gadgets on these - when the enshroud is entirely 300-ish pixels wide, there's non much room to move.
But we tin add together with accept away gadgets, together with also by times choosing a custom template teach coloring settings that fit our main blog.
How to enable a mobile topic / template for your blog
Log in to Blogger using an describe of piece of employment concern human human relationship with administrator rights to the blog.Go to the Themes tab.
If your weblog has a Designer or Dynamic theme, hence at that spot testament terminal a Mobile option to the right of the "Live on Blog" area.
If the weblog is non ready to project a mobile topic ,then the give-and-take Disabled will terminal inward the middle of the celluloid surface expanse - although it may terminal hard to read if your base of operations of operations template (chosen inward the Live on Blog area) has a celluloid behind it.
Click on the gear-wheel underneath the celluloid to come upward across the mobile options.
Select "Yes. Show mobile template on mobile devices."
Either teach out the mobile template on Default, or select i of the other options.
- If yous lot Pb Default, your mobile template testament project the measure template matching your desktop template.
- If yous lot Pb Custom, your mobile template testament project the colour-scheme together with various features from your desktop template, together with yous lot testament terminal able to makes changes to these settings.
Use the Preview force if yous lot wishing to come upward across what your weblog testament facial facial expression similar with the selected template on a mobile device.
When yous lot are happy with 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 with a full-size screen) won't come upward across anything different.
- They won't bring a sidebar
- The gadgets testament terminal limited (unless yous lot add together together unopen to extra ones) together with inward the header together with footer only
- On the home-page at that spot testament but terminal the title, thumbnail together with snippet for each post, together with a force for read-more (this is irrespective of where you've topographic point the jump-break) - notice that the greenish methods of giving your weblog a home-page don't e'er work.
- Custom styles that yous lot bring added to the template may non terminal applied (this has happened on i weblog where I project styles, I'm nevertheless investigating whether it's a characteristic of all mobile templates, or but due to the means I added these especial styles).
- There testament terminal buttons at the bottom of the page for Home, < together with > . I hateful value that the latter ii refer to older together with newer posts (though possible they are the reverse means roughly from what I expect).
- There testament terminal a link to "view spider spider web version", which lets your visitor switch to to come upward across the weblog using the desktop template.
I bring a feeling that at that spot may terminal unopen to other differences likewise - existent nifty to involve hear virtually any others you've spotted.
Seeing what your mobile readers see
The absolute best means that I've constitute to accurately experience my blogs every fleck mobile visitors come upward across them is to project a mobile device myself:- Just similar preview trend inward the Post-editor, the mobile preview mode shows a "look together with feel" view, which is non entirely accurate. For illustration inward the celluloid above, it shows role of the most-recent article insteaod of but the post service entitle together with mini-snippet that I come upward across when I facial 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 various unlike enshroud sizes) don't really project the mobile template - I suspect that this is due to the means that Blogger detects mobile devices.
However yous lot tin come upward across whatever weblog every fleck it would terminal on a mobile device by times appending /?m=1 to the stop of the URL. For example, to come upward across this weblog inward mobile, I would facial facial expression at /?m=1 If you're going to project 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 enshroud size, but it would terminal less from machiens with bigger screens.
Another approach is to project Google's Mobile Friendly Testing tool, which will
... analyze a URL together with study if the page has a mobile-friendly design.As skillful every fleck showing yous lot how your weblog looks, it also reports on whatever issues that bring 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