How To Make Blogger Template Mobile Friendly

As you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.

From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.

So, here is how to make your Blogger (blogspot) blog mobile internet friendly..

Sign into your Blogger account > Design > Edit html

Find this line..

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

Paste this code below that line...

<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> 

Save the Changes!

Now you have successfully make your blog template smart phone and other mobiles friendly.

Read More

Simple settings for Firefox and Internet Explorer on Blogger

You will have noticed , many of us are setting up our blogs with our standard , that the image of the pattern changes when you visit your page from another Browser. Many of us who deal with the Blogger work in Chrome. So far I consider him the most reliable ( I speak always about Blogger and not Pages on other platforms ) .

As a second option I prefer Firefox, but lately I realized that I do some thing . Some settings in relation to the dimensions of my change.

So we need to find some code that intervenes only in these specific Browsers .
It's very simple.
To make settings in Internet Explorer use the following code above the tag </ head>:

<! - [if IE]>
<style>
The CSS CODE WHO WANT TO MAKE A PARTICULAR SET
</ style>
<! [endif] ->

To make settings in Mozilla Firefox use the following code above the tag </ head>:

 <style>
@-moz-document url-prefix () {
The CSS CODE WHO WANT TO MAKE A PARTICULAR SET
}
</ style>

Read More