Blogspot Blog Ko Puri Tarah Se Mobile Friendly Kaise Banaye

अभी के Time में लोग ज्यादा तर Mobile से ही Internet Use करना पसंद करते हैं। पहले जो Futures को Desktop पर देता था अभी उनमे से लगभग futures को Mobile में भी देता है। इसीलिए आपका Blog Mobile Friendly होना बहुत ही Important है। तो चलिए आज में आपको इस Post के जरिये बताने जा रहा हूँ की “Blogspot Blog को पूरी तरह से Mobile Friendly कैसे बनाये”

Apne Blog ko Mobile Friendly Kaise bana puri tarah se

अभी Blogging आसानी से Mobile से भी किया जा सकता है। अगर आप Blogspot User हो तो हो सकता है आपको Desktop की जरुरत पड़े। 

एक Time ऐसा भी था की लोग Mobile को बहुत ही कम इस्तेमाल करते थे और Desktop को ज्यादा But अभी उसका Just Opposite हो गया है। एक Research के मुताबिक बताया गया है की अभी Present Time में 70% लोग Internet Mobile से ही Use करते हैं. और दोस्तों लोग ऐसा करे भी क्यों नहीं क्योकि जितना Functions अभी Desktop पर दिया हुआ है उसका लगभग Functions को Mobile में भी उपलब्ध करवाया गया है।  

अभी Google ने कुछ दिन पहले ये Announcement किया है की Mobile Friendly First Index यानि Mobile Friendly Blog या Website को Google Search Result में पहले Show करवाएगा। तो इससे ये साफ़ साफ पता चलता है की आपका Site Mobile Friendly होना कितना Important है।

Blogspot Blog को पूरी तरह से Mobile Friendly कैसे बनाये

अब में आपको कुछ Step बता रहा हूँ. जिन्हें आप follow करके अपने Blog को पूरी तरह से Mobile Friendly बना सकते हो। 

See also  Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

Step 1: सबसे पहले तो आप Blogger में Login करें फिर Blog के Dashboard में जाइये।

  1. अब Template पर Click करें
  2. अब इस Icon पर Click करें

  1. अब ‘Yes. Show mobile template on mobile devices’ को Select करें
  2. यहाँ Template select करें।
  3. अब Save कर दीजिए।

Step 2: अब फिर Blog Dashboard में जाइये।

  1. अब Template पर Click करें
  2. अब Edit HTML पर Click करें 

Step 3: अब <head> को Search करें. अब <head> के निचे निचे दिया हुआ Code Past कर दीजिए और Template Save कर देना।

 <meta name='viewport'

content='width=device-width,initial-

scale=1.0,minimum-scale=1.0,maximum-

scale=1.0'/>

Step 4: अब निचे दिए हुए code को Copy कर लीजिए।

/* 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 5: अब फिर Blog के Dashboard में जाइये।

  1. Template पर Click कीजिए
  2. Customize बटन पर Click कीजिए
See also  Search Engine me Blog Title se Pahle Post Title show Kaise Karwaye

    Step 6:

    1. Advanced पर Click करें
    2. अब Add CSS पर Click करें।
    3. यहाँ Copy किये हुआ Code को Past कर दीजिए।
    4. अब Apply to Blog पर Click करें।

    .

    .

    .

    .

    .

      में आशा करता हूँ की आपको ये Post अच्छा लगा होगा. अगर आपके मन में इससे Related कोई सवाल है तो आप हमें Comment में बता सकते हो। में आपसे यही कहूँगा की Post को ज्यादा से ज्यादा Social Media में Share करें।

       

      Like the post?

      Also read more related articles on BloggingHindi.com Sharing Is Caring.. ♥️

      Sharing Is Caring...

      2 thoughts on “Blogspot Blog Ko Puri Tarah Se Mobile Friendly Kaise Banaye”

      Leave a Comment

      This site uses Akismet to reduce spam. Learn how your comment data is processed.

      ×