Sunday, 26 February 2017

How To Make Blogger Blog Mobile Friendly

How To Make Blogger Blog Mobile Friendly

How To Make Blogger Blog Mobile Friendly
Friends to day I am going to teach you that how can you make your blog or BlogSpot complete mobile friendly. As you know that in this generation mostly smart phones is using for internet. That’s way you must need to know about making your blog or website complete mobile friendly. In this post I will show the simplest procedure to make your blogger or Website complete mobile friendly.

As I told you in upper paragraph about smart phones using in this generation. If your blogger or website is not mobile friendly. Then Google is also not crawling or indexing your website or blog very well. And mostly search engines indexing those website or blog. Which are mobile friendly? To make your blogger or website mobile friendly.
During template choosing keep it in you mind below steps.
  • Choose Mobile Friendly Template.
  • Open a Demo of template before choosing template.
  • And Test it by clicking here
How To Make Blogger Blog Mobile Friendly
Step # 1

Follow these steps to make your blogger Mobile Friendly.

  • First of all Login to your desire blogger dashboard.
  • Go>> Template>Edit Html.
  • After Clicking edit html a new page will open that is template code area.
  • Now click any where in the code area and Press Ctrl + F for search box,
  • And Find <head> and past the below Meta below /After the tag.
  • Again find </head> and past the below Meta below / After the tag.
  • And then Save Template.
<meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0'/>

STEP # 2

Now past Css code to make you blogger blog mobile friendly.

  • After completing upper process and back or again 
  • Go>>Template>customization.
  • After clicking on customization a new page will open.
  • Here will a lot option.
  • Select Advance setting. A Css box will open.
  • Now Past here the below Css Code and Click On Apply Blog.
  • Now you done it...!
  • As i given a screen shoot
    mobile friendly html tag
  • Css Code To make your blogger mobile friendly.


/* Laptops and Desktops */
@media only screen and (max-width : 1280px) {
/* The following css will be rendered if device width is less than 1280px */
}
/* Tablets (Landscape) */
@media only screen and (max-width : 1024px) {
/* The following css will be rendered if device width is less than 1024px */
}
/* Tablets (Portrait) */
@media only screen and (max-width : 768px) {
/* The following css will be rendered if device width is less than 768px */
}
/* iPhones */
@media only screen and (max-width : 640px) {
/* The following css will be rendered if device width is less than 640xpx */
}
/* Mobiles */
@media only screen and (max-width : 480px) {
/* The following css will be rendered if device width is less than 480px */
}
/* Small Mobiles */
@media only screen and (max-width : 320px) {
/* The following css will be rendered if device width is less than 320px */
}

Step # 3

Follow These steps to make your blogger mobile friendly

  • First Login your desire Blogger Dashboard > Template.
  • Click the gear icon for the mobile.
  • Now select “Yes. Show mobile template on mobile devices.” and choose your theme.
  • Click the save button.
Make Blogger Blog Mobile Friendly


Final Words !
Thank you for following us if you face any problem in this post How To Make Blogger Blog Mobile Friendly or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.
  • Is this is tutorial is helpful ? 
  • Need to know your opinion .
  • For Advertising Contact Us.
  • Admin Moqaddar khan salgary

Previous Post
Next Post

1 comment: