blog.si.log. \'blòg-së-lòg\

BLOG-ger. SI-nangag (fried rice). it-LOG (fried egg).
CUSTOMIZE YOUR BLOGGER BLOG.
All the tricks, hacks and treats while enjoying your breakfast.




Blogger 101. How-to's, tutorials, all the basics you need to learn about Blogger (dot) com.
Blogger Tweaks. Style and dare to tweak your blog. Make it custom. Make it different.
Blogger Fixes. Encountered errors, glitches while blogging? Check here for possible solutions.
Blogger Conditional Tags. If, Else then WHAT? Learn the secret behind most of the tweaks on blogger.

2 ways to create a mobile version of your blogger blog

Why make your blog mobile-friendly?
Mobile phones will overtake PCs as the dominant web access device worldwide by 2013 according to a new forecast issued by research firm Gartner. - Fierce Mobile Content


going mobile on blogger


There are two ways to make or add a mobile-friendly version of your blogspot blog. Both use the Blogger mobile template.

Blogger mobile templates are mobile-optimized versions of our Template Designer templates. If you are using one of these templates, when you enable the mobile template option your blog will begin rendering using the mobile version of the same variant. - Blogger Buzz


Technique #1. The Easy Way.
1. On the SETTINGS Tab, go to EMAIL & MOBILE.
2. Under MOBILE TEMPLATE (BETA) section, choose YES to show mobile template.
3. SAVE SETTINGS.

create mobile friendly blogger blog


Technique #2. The Hard Way.
This will require editing the template and adding some codes:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>


after this:

<b:include data="blog" name="all-head-content"></b:include>



For full instructions, please visit Blogger Trick's How to Make your Blogger Blog ready for Mobile Phones.

If for some reason, the mobile template version of Blogger doesn't seem to work, make sure to append this -- ?m=1 -- at the end of your blog URL. Example:


http://websilog.blogspot.com/?m=1


Also remember Blogger notes about this feature.
*WebKit-based mobile browsers are supported for this launch.
**Supported gadgets/elements in this launch: Header, Blog, Profile, AdSense, Attribution


Related Blogs and Discussion.
Gartner Highlights Key Predictions for IT Organizations and Users in 2010 and Beyond
Announcing Blogger Mobile Templates
How to Make your Blogger Blog ready for Mobile Phones
Mobile Template of my blog is not working
share. comment. subscribe. link.


Share.This.Post.
Share.Your.Thoughts.
Subscribe.To.The.Comments.
Subscribe.To.Websilog.
Create.A.Link.


<< 3 Shared Thoughts >>


Gulraiz23
August 25, 2011 at 12:25 PM

For the Mobile Reviews visit mobilesmafia.com It really a helpfull site for use

Thor
June 24, 2012 at 1:13 AM

Hi, hello. Pag binu-view ko ung mobile version ng blogger blog ko, di ko makita ung mga ads.. sabi ng go0gle yung ads for content nila ay un na rin ung pang mga mobile sites for high end devices. Pero di ko pa rin makita ung mga ads.

May ideya po ba kayo kung pano yun mareresolba?

Salamat po at more power. :)

Dwi Wahyuni
October 6, 2013 at 5:01 AM

Thanks sir for give Tips, cause i'm use Blogger Mobile

Share.Your.Thoughts.

Copy below HTML link to quickly create a link to this post.



back to share



about web.silog
Curabitur sodales leo et quam venenatis eu faucibus quam placerat. Aliquam metus diam, pretium nec commodo at, tristique nec mauris. Vestibulum urna massa, convallis vel laoreet in, ultrices eu nisl. Nulla facilisi. Nam tristique mollis semper. Mauris ac vestibulum lorem. Mauris erat libero, lobortis nec faucibus non, tempor in leo.

Nulla facilisi.
Nulla facilisi.
Nulla facilisi.


about the blogger
My Photo
In hac habitasse platea dictumst. Aenean congue, lacus in sagittis tempus, dui risus pretium nunc, semper bibendum arcu libero sollicitudin diam. Pellentesque lectus lectus, consectetur at sodales sit amet, sollicitudin eu augue.