Make your blogger blog compatible with mobile phones

How to make your blogger blog template compatible with mobile phone??
If you are using a Blogger Layout Template,this tutorial will helpful for you.But if your template is a blogger template,created by using Blogger Template Designer, usually this feature has already added to your template.This will really helpful to increase the number of mobile visitors of your blog.

Login to your blogger Dashboard--> Design- -> Edit HTML and search for

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

Now copy below code and paste it just before the above line.

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

Now save your template and you are done.

Making Mobile Friendly version of your blog using google reader

Making the mobile version of your blog using google reader.
You may have heard about mofuse.com on which you enter your blog address,Sign up for free account and you get a mobile version of your blog just for free.I am a google fan and love to use google services.Nothing will be better if you could use google to make mobile version of your blog.



 Things You require :

•  A google reader account which is same as your google account
•  A feedburner account connected with your blog. 

Interesting and easy thing about this is that all you have to do is append your blog feed address to the following URL[without brackets]

http://www.google.com/reader/m/view/feed/[feed_address]
Replace feed_address with your blog feed address (http://myfundoo-blog.blogspot.com/feeds/posts/default)

 Example :
 http://www.google.com/reader/m/view/feed/http://myfundoo-blog.blogspot.com/feeds/posts/default 

 Now all you have to do is link any image or text with this url .Click image to see mobile version of this blog.

Some more posts you may like to read :

• Create image hover effect by changing opacity
• Add devider image between your posts