Blogspot Blog Ko Puri Tarah Se Mobile Friendly Kaise Banaye

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 कैसे बनाये।

अभी 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 बना सकते हो।

Step 1:

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

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

mblfrnd3 4

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

wp 1479546931130

Step 2:

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

mblfrnd3 4

ये भी पढ़ें- Blogger Blog Me Schema.org Data Kaise Add kare? Google Rich Snippet ke Liye

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 कर लीजिए।

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 कीजिए।

 

wp 1479548139262 1

Step 6:

wp 1479548257244

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

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

thescouts logo Anil kumar

नमस्कार दोस्तों,  सबसे पहले तो मै आपका स्वागत करता हूँ| मैं अनिल कुमार, ThesSouts.Org.In का Founder हूँ| मुझे नयी नयी Technology से सम्बंधित चीज़ों को सीखना और दूसरों को सिखाने में बड़ा मज़ा आता है| हमारी हमेशा से यही कोशिश रहती है की जिस विषय पर हम बात करे उस विषय पर आपको पूरी जानकारी दे सके|

Leave a Reply

Your email address will not be published. Required fields are marked *