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

13 comments:

  1. Replies
    1. you cant used bootstrap to make blogger Reponsive great

      Delete
    2. sir you can check if wont work then you can Massage me on my mail or forward me your blog i will slove it
      Thanx for your response

      Delete
    3. This site a very useful and its manage to work

      Delete
  2. mobile stuff is the soul of modern blogging especially if you want organic traffic on mobile. I have a new site which was opened today www.healthcentera.com and i believe , it wont take much time to blow

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  3. How can I scale an entire web page with CSS? on my website - www.dailyradiogk.com , can you guide me please.

    ReplyDelete
  4. Good information. I can't forget this in a hurry iworkngr.jnfo

    ReplyDelete
  5. Delhi is a hub for digital marketing and SEO services in India, with many companies offering a wide range of services to clients. Some of the top SEO companies in Delhi include:

    ReplyDelete
  6. Efeedsng.info. it's cool, I used it and it works

    ReplyDelete
  7. Search Engine Optimization (SEO) is the practice of improving the visibility and ranking of a website in search engine results pages (SERP) through organic means. It involves making changes to the website and its content to make it more appealing to search engines and improve its relevance to specific search terms or keywords. The goal of SEO is to increase organic (non-paid) traffic to a website from search engines, which can result in higher visibility, more leads, and increased revenue for a business.

    ReplyDelete
  8. There are many affordable SEO companies in India that offer a range of services to help businesses improve their online visibility and reach their target audience more effectively. Some of the most affordable SEO companies in India include:

    ProPlus Logics
    SATHYA Technosoft
    Tech Data Web
    Adhuntt Media
    Indazo

    ReplyDelete