Blogger Post में Image & YouTube Video iframe Lazy Load कैसे करें

Blogger Post में Image & YouTube Video iframe Lazy Load कैसे करें? Custom javascript Code Library


नमस्कार दोस्तों आज इस इमेज और YouTube वीडियो iframe लेजी लोडिंग पोस्ट में आपका स्वागत है। आज इस पोस्ट में आप जानेंगे, कि आप अपने ब्लॉगर blog post में इमेज और YouTube वीडियो iframe को लेजी लोड कैसे कर सकते हैं। जिससे हमारे पोस्ट की गति में सुधार हो सके, पोस्ट तेजी से लोड हो सके।

ब्लॉगर मे इमेज धीरे लोड कैसे करें, ब्लॉग Post Image & YouTube Video iframe Lazy Load, img and iframe lazy loading Custom javascript Code Library

दोस्तो अक्सर नए ब्लॉगर इस बात से अवगत नहीं हैं, की लेजी लोडिंग क्या है? इसे क्यों सेट करना चाहिए, इससे हमें क्या फायदा होता है।

वैसे नऐ ब्लॉगरों को लेजी लोडिंग तकनीक की जरूरत नहीं होती क्योंकि उस वक्त उनके ब्लॉग का इतना भार नहीं होता है, जिसके कारण उनके ब्लॉग की Speed कम हो सके।

जैसे-जैसे ब्लॉग पर पोस्ट बढ़ते जाते हैं, वैसे-वैसे ब्लॉग लोड स्पीड भी धीरे-धीरे कम होती जाती है। ऐसे में हमें अपने पोस्ट में छवि और युट्युब वीडियो का भार कम करने की कोशिश करनी चाहिए, ताकि पोस्ट उपयोगकर्ताओं के कम डाटा खर्च पर तेजी से लोड हो सके।

और पृष्ठ का सबसे ज्यादा भार वीडियो, इमेजेस के कारण बढ़ता है। इसीलिए हमें इन्हें पृष्ठ लोड होते समय लोड नहीं करना चाहिए, ताकि पोस्ट जल्दी से लोड हो सके और पोस्ट लोड होने के बाद इमेजस, वीडियो उपयोगकर्ता पृष्ठ Scroll करते समय लोड होने चाहिए।

लेजी लोडिंग क्या है, इसे क्यों सेट अप करना चाहिए?

लेजी लोडिंग एक तकनीक है, जो इमेज, वीडियो आईफ्रेम पर लागू होती हैं, और इन्हें पृष्ठ लोड होते समय रोकती है। और जब उपयोगकर्ता पेज को Scroll करते हैं, तो एक-एक करके वह फिर से लोड होते हैं।

और यह तकनीक पेज लोड समय को काफी कम करती हैं, और उपयोगकर्ताओं का डाटा खर्च भी बचाता है। और पोस्ट तेजी से लोड होकर उपयोगकर्ताओं को लुभाती है।

इस पोस्ट में आप इमेज लेजी लोडिंग और यूट्यूब वीडियो iframe lazy लोडिंग के बारे में जानेंगे, कि आप इन्हें धीरे लोड कैसे कर सकते हैं, और अपने पोस्ट की गति में सुधार कैसे कर सकते हैं।

अपने ब्लॉग के अंदर लेजी लोडिंग विशेषताएं कहीं प्रकार से जोड़ सकते हैं जैसे जावास्क्रिप्ट के जरिए, jquery जावास्क्रिप्ट के जरिए और सीएसएस के साथ भी हम लेजी लोडिंग विशेषताओं को टारगेट कर सकते हैं।

इस पोस्ट में आप आसान जावास्क्रिप्ट के साथ लेजी लोडिंग छवियां और युट्युब वीडियो आईफ्रेम को लोड करने के बारे में जानेंगे जो काफी आसान है।

एक ब्लॉग पोस्ट का अधिक भार कैसे बढ़ता है?

दोस्तों यह जरूरी नहीं है, की आपके ब्लॉग को सिर्फ इमेज वीडियो या यूट्यूब आईफ्रेम ही धीरे लोड कर रहे हो, उसकी स्पीड को स्लाे कर रहे हो और भी कारण होते हैं, जो ब्लॉग पोस्ट कि स्पीड को काफी स्लो करते हैं।

जैसे तृतीय पक्ष जावास्क्रिप्ट अनचाहा एचटीएमएल सीएसएस कोड, गूगल ऐडसेंस एड्स भी पोस्ट का 50% तक लोड होने में समय बढ़ा सकते हैं, उसे स्लो कर सकते हैं।

और आपके ब्लॉगर टेंप्लेट पर भी पोस्ट और ब्लॉग की स्पीड निर्भर रहती है, यदि आपका ब्लॉग काफी हैवी है, उसमें काफी अधिक कोडिंग का उपयोग किया गया है, तो भी आपका ब्लॉग काफी स्लो लोड हो सकता है।

इसलिए अपने ब्लॉग पर कम कोडिंग और तेज लोड होने वाला टेंप्लेट उपयोग करें।

गूगल का कहना है, की आपका ब्लॉग और पोस्टें लोड होने में जितनी फास्ट होगी, वह गूगल पर अधिक से अधिक रैंक करेगी। क्योंकि अधिक से अधिक उपयोगकर्ता स्लो लोड होने वाली साइट को बीच में ही छोड़कर बाहर निकल जाते हैं, या उन्हें अधिक इंतजार करना पड़ता है।

इसीलिए गूगल उन साइटों को सबसे आगे रखता है, जो तेज और फास्ट लोड होती है। और उपयोगकर्ताओं का कम डाटा खर्च करके अच्छा अनुभव देती हैं।

तो सिर्फ यह उम्मीद न रखें, कि आपका ब्लॉग पोस्ट इमेज और वीडियो के कारण ही धीरे लोड होता है, इसके ऊपर बताए गए कारण भी हो सकते हैं।

इसलिए अपने ब्लॉग को फास्ट रखने के लिए नीचे दिए गए कुछ नियमों का पालन करें।

  1. अपने पोस्टों में इमेज को सही से एनकोड और सही आकार वाली छवियों का उपयोग करें।
  2. तृतीय पक्ष जावास्क्रिप्ट कोड का अनचाहा उपयोग न करें, किसी भी तृतीय पक्ष जावास्क्रिप्ट कोड को बेवजह अपनी साइट में ना जोड़ें।
  3. और पोस्ट में अधिक विज्ञापनों का उपयोग ना करें अपनी साइट के अंदर ज्यादा एड्स कोड न जोड़ें, नहीं तो यह आपकी साइट को 40% से भी अधिक धीमा कर सकते हैं।
  4. सिंपल डिजाइन और तेज लोड होने वाला ब्लॉगर टेंप्लेट ही यूज़ करें, ज्यादा अच्छे डिजाइन के चक्कर में अपने ब्लॉग को स्लो ना करें।
  5. और अपने ब्लॉग पोस्ट इमेज और यूट्यूब वीडियो आईफ्रेम को धीरे लोड करने पर विचार करें, जो अभी आप इस पोस्ट में जानने वाले हैं।
तो दोस्तों ऊपर दिए यह सभी तरीके हर एक फ्री ब्लॉगर प्लेटफॉर्म प्रकाशको को अपनाने चाहिए। क्योंकि फ्री प्लेटफार्म पर आपको अपने ब्लॉग की स्पीड बढ़ाने के लिए कहीं अन्य सुविधाएं नहीं मिलती हैं। इसलिए आप इन तरीकों को अपनाकर अपने ब्लॉग और पोस्टों की स्पीड अच्छी बनाए रख सकते है।

अपने ब्लॉग में इमेज वीडियो और यूट्यूब आईफ्रेम के लिए लेजी लोडिंग जोड़ें

(1) ब्लॉग पोस्ट में इमेज को धीरे लोड कैसे करें?

सबसे पहले हम इमेज को लेजी लोड करने पर विचार करते हैं कि कैसे इसे अपने ब्लॉगर पोस्ट इमेज में लागू किया जाए, ताकि पोस्ट की स्पीड इंक्रीज हो सके और ब्लॉग की उछाल दर कम हो सके।

छवि आलसी लोडिंग असल में बहुत सरल है, लेकिन इसका विवरण वास्तव में बहुत बारीक है, तो आइए सबसे पहले एचटीएमएल में ऑनलाइन छवियों का उपयोग कैसे करते हैं।

Html में ऑनलाइन छविया

<img> तत्व सभी सामान्य आलसी लोडिंग उम्मीदवार चित्र है जिसे src के साथ पोस्ट के समान रूप लोड किया जाता है।

जब हम <img> तत्व को आशिंक लोड करते हैं, तो हम जावास्क्रिप्ट के साथ पहले यह देखते हैं, कि तत्व व्यू रिपोर्ट में है या नहीं।

और यदि वे यूरोपोट में है, तो उनकी src और कभी-कभी Srcset विशेषता वाछींत इमेज यूआरएल के साथ पॉपलेट करती है।

चौराहे पर्यवेक्षक का उपयोग करना

पहले जब कोई आलसी कोड लिखता था तो वह Scroll के साथ काम खत्म करता था, लेकिन resize आधुनिक ब्राउज़र में अधिक संगत है, आधुनिक ब्राउज़र चौराहे पर्यवेक्षक एपीआई के लिए अधिक उत्कृष्ट है।

आइए देखते हैं, की ब्लॉग पोस्ट के अंदर छवि का इनलाइन एचटीएमएल कोड कैसे दिखाई देता है।

<a href="https://1.bp.blogspot.com/-rJMLdWpdg_E/XuTeM0-NwWI/AAAAAAAAB9E/JrrASdW8psgH9WsBZ-sYrEMM1mnH8whmwCK4BGAsYHg/s500/20200613_193725.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="270" data-original-width="500" src="https://1.bp.blogspot.com/-rJMLdWpdg_E/XuTeM0-NwWI/AAAAAAAAB9E/JrrASdW8psgH9WsBZ-sYrEMM1mnH8whmwCK4BGAsYHg/s320/20200613_193725.jpg" width="320" /></a>

आप देख सकते हैं, कि ब्लॉगर पोस्ट के अंदर छवि इनलाइन कोड img तत्व से पहले a तत्व के साथ शुरू होता है।

जो आपकी इमेज को एक लिंक के रूप में प्रदर्शित करता है, जब उपयोगकर्ता आपकी साइट पर आते हैं। और किसी इमेज पर क्लिक करते हैं, तो वह पॉपअप में ओपन होकर सही तरीके से दिखाई देने लगती है, जैसी उसकी क्वालिटी है।

अब यदि आप अपनी इमेजेस को आलसी लोड करना चाहते हैं, तो आपको अपने इस इनलाइन एचटीएमएल कोड में से <a> तत्व शुरुआती कोड और </a> क्लोज कोड को हटाना होगा।

और इस कोड को हटाने के बाद उपयोगकर्ता जब आपकी पोस्ट में इमेज पर क्लिक करेंगे तो वह पॉप-अप में ओपन नहीं होगी, इस बात का हमेशा ध्यान रखें।

वैसे इमेज को गूगल पर इंडेक्स होने के लिए <a> तत्व की जरूरत नहीं होती इमेज को <img> तत्व के साथ गूगल सर्च रोबोट्स देखते हैं, और क्रॉल करते है। इसलिए आप निश्चिंत होकर <img> तत्वों से पहले <a> तत्व को हटा दें।

अब आपका कोड नीचे दिए गए उदाहरण कोड की तरह दिखाई देगा।

<img border="0" data-original-height="270" data-original-width="500" src="https://1.bp.blogspot.com/-rJMLdWpdg_E/XuTeM0-NwWI/AAAAAAAAB9E/JrrASdW8psgH9WsBZ-sYrEMM1mnH8whmwCK4BGAsYHg/s320/20200613_193725.jpg" width="320" />

अब हमें इस इमेज को आलसी लोड करने के लिए कुछ तत्व और जोड़ने होंगे, जो इस इमेज को आलसी लोड होने के लिए निर्देशित करेंगे।

<img> तत्व के बाद class="lazy" तत्व जोड़ें, अब इमेज यूआरएल तत्व src को data-src मैं अपडेट करें, और फिर अपनी इमेज का यूआरएल data-src तत्व के साथ पूरा कॉपी करें, और इसे data-src="https://......" के आगे पेस्ट करें, और इसमें data-src को data-srcset मे अपडेट करें।

अब आपका इमेज इन लाइन एचटीएमएल कोड इस तरह से दिखाई देने लगेगा।

<img class="lazy" border="0" data-original-height="270" data-original-width="500" data-src="https://1.bp.blogspot.com/-rJMLdWpdg_E/XuTeM0-NwWI/AAAAAAAAB9E/JrrASdW8psgH9WsBZ-sYrEMM1mnH8whmwCK4BGAsYHg/s320/20200613_193725.jpg" data-srcset="https://1.bp.blogspot.com/-rJMLdWpdg_E/XuTeM0-NwWI/AAAAAAAAB9E/JrrASdW8psgH9WsBZ-sYrEMM1mnH8whmwCK4BGAsYHg/s320/20200613_193725.jpg" width="320" />
तो अब आपकी पोस्ट html में ऑनलाइन छवियां लेजी लोडिंग होने के लिए पूरी तरह से तैयार अब हमें इन्हें लेजी लोड करने के लिए जावास्क्रिप्ट का उपयोग करना होगा।

इमेज लेजी लोडिंग के लिए जावास्क्रिप्ट नीचे दिया गया है।
document.addEventListener("DOMContentLoaded", function() {let lazyImages= [].slice.call(document.querySelectorAll("img.lazy")); let active=false; const lazyLoad=function() {if (active===false) {active=true; setTimeout(function() {lazyImages.forEach(function(lazyImage) {if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {lazyImage.src=lazyImage.dataset.src; lazyImage.srcset=lazyImage.dataset.srcset; lazyImage.classList.remove("lazy"); lazyImages=lazyImages.filter(function(image) {return image !== lazyImage;}); if (lazyImages.length === 0) {document.removeEventListener("scroll", lazyLoad); window.removeEventListener("resize", lazyLoad); window.removeEventListener("orientationchange", lazyLoad);}}}); active=false;}, 200);}}; document.addEventListener("scroll", lazyLoad); window.addEventListener("resize", lazyLoad); window.addEventListener("orientationchange", lazyLoad);});
यह जावास्क्रिप्ट अभी पूर्ण नहीं है, यह कोड आपकी इनलाइन छविंयो को कनेक्ट करेगा, और उन्हे लेजी लोडिंग के लिए निर्देशित करेगा। लेकिन यह अभी आपकी Blogger Theme मैं पेस्ट करने के लिए पर्याप्त नहीं है।

इसे आपको जावास्क्रिप्ट में बदलने की जरूरत है, इसके लिए आप कोड के शुरुआत में <script/>*<![CDATA[*/ कोड जोड़े और 
और कोड के अंत में /*]]>*/ </script> यह कोड जोड़े इसके बाद आपका कोड ब्लॉगर थीम मैं रखने के लिए अनुकूलित हो जाएगा।

या आप चाहे तो इमेज आलसी लोडिंग जावास्क्रिप्ट पूरा कोड यहां पर जाकर कॉपी कर सकते हैं या अपने डिवाइस में डाउनलोड कर सकते हैं।

फिर इस जावास्क्रिप्ट कोड को अपने ब्लॉगर थीम में </body> क्लोजिंग टैग से ठीक ऊपर पेस्ट करें, और थीम सेव करें।
 
अब आप अपने पोस्ट आर्टिकल में इमेज को लेजी लोडिंग विशेषताओं के साथ टारगेट करें ऊपर बताए गए अनुसार विशेषताएं जोड़ें और पूर्वा लोकल करें की इमेज आलसी लोड हो रही है या नहीं यदि यह तरीका काम नहीं कर रहा है तो आप मुझे कमेंट में जरूर बताएं मेरे हिसाब से यह तरीका हंड्रेड परसेंट काम करने वाला है।
  

(2) ब्लॉगर YouTube वीडियो iframe लेजी लोडिंग तकनीक

चलिए अब हम अपने YouTube वीडियो iframe को लेजी लोड करना शुरू करते हैं।

इसके लिए आप अपने ब्लॉगर पोस्ट एचटीएमएल में YouTube वीडियो iframe इनलाइन एचटीएमएल पर नजर डालें आपको कुछ ऐसा कोड दिखाई देगा।

<iframe allowfullscreen="" class="BLOG_video_class" src="https://www.youtube.com/embed/4MCJL69rcI8" height="190" width="320" youtube-src-id="4MCJL69rcI8"></iframe>

 इस कोड में लेजी लोडिंग स्थापित करने के लिए कुछ कोड जोड़ने होंगे, इसके अंदर class में lazy कोड जोड़ें, और फिर यूट्यूब src विशेषता को data-src और फिर data-srcset मैं अपडेट करें।

अब आपका यूट्यूब वीडियो आईफ्रेम इन लाइन कोड नीचे दिए गए उदाहरण कोड की तरह दिखाई देने लगेगा।

<iframe allowfullscreen="" class="lazy BLOG_video_class" data-src="https://www.youtube.com/embed/4MCJL69rcI8" data-srcset="https://www.youtube.com/embed/4MCJL69rcI8" height="190" width="320" youtube-src-id="4MCJL69rcI8"></iframe>

अब यह कोड यूट्यूब वीडियो आईफ्रेम को लेजी लोड करने के लिए तैयार है, अब हमें इस कोड से कनेक्ट करने के लिए जावास्क्रिप्ट का उपयोग करेंगे। जो यह देखता है, कि तत्व व्यू रिपोर्ट में है, या नहीं और वीडियो को कब लोड करना है।

नीचे दिए गए इस जावास्क्रिप्ट कोड को अपने ब्लॉगर थीम </body> सेक्शन के ठिक ऊपर पेस्ट करें। लेकिन ध्यान दें इसे जावास्क्रिप्ट के अंदर पेस्ट करना है।

document.addEventListener("DOMContentLoaded", function() {let lazyiframe= [].slice.call(document.querySelectorAll("iframe.lazy")); let active=false;const lazyLoad=function() {if (active===false) {active=true; setTimeout(function() {lazyiframe.forEach(function(lazyiframe) {if ((lazyiframe.getBoundingClientRect().top <= window.innerHeight && lazyiframe.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyiframe).display !== "none") {lazyiframe.src=lazyiframe.dataset.src; lazyiframe.srcset=lazyiframe.dataset.srcset; lazyiframe.classList.remove("lazy"); lazyiframe=lazyiframe.filter(function(iframe) {return iframe !== lazyiframe;}); if (lazyiframe.length === 0) {document.removeEventListener("scroll", lazyLoad); window.removeEventListener("resize", lazyLoad); window.removeEventListener("orientationchange", lazyLoad); }}}); active=false;}, 400); }}; document.addEventListener("scroll", lazyLoad); window.addEventListener("resize", lazyLoad); window.addEventListener("orientationchange", lazyLoad); });

ऊपर दिए गए कोड के शुरुआत में <script/>*<![CDATA[*/ यह कोड जोड़े, और इसके अंत में /*]]>*/</script> यह कोड जोड़ें यह जरूरी हैैै, नहीं तो ऊपर दिया गया कोड काम नहीं करेगा। और यदि आप चाहें तो एक ही जावास्क्रिप्ट में इमेज आलसी लोडिंग कोड और यूट्यूब आईफ्रेम आलसी लोडिंग कोड जोड़ सकतेे हैं।

या इमेज lazy-loading और यूट्यूब वीडियो आईफ्रेम लेजी लोडिंग जावास्क्रिप्ट दोनों कोड एक ही स्क्रिप्ट फाइल को यहां से कॉपी करें या अपने डिवाइस में डाउनलोड करें।

जावास्क्रिप्ट अनुपलब्धता

यह सोचना भी सही नहीं है, कि सभी ब्राउज़र जावास्क्रिप्ट का उपयोग करते है। कुछ ब्राउज़र जावास्क्रिप्ट को ब्लॉक करते हैं। इस कारण से उन ब्राउज़र में आपकी लेजी लोडिंग इमेज और यूट्यूब वीडियो show नहीं होंगे, जिन ब्राउज़र में जावास्क्रिप्ट ब्लॉक किया गया है, या जावास्क्रिप्ट काम नहीं करता है।

इसके लिए आप अपनी इनलाइन छवियों में <noscript> जोड़ना सुनिश्चित करें। यह उस समय काम करता है, जब कोई ब्राउज़र जावास्क्रिप्ट को ब्लॉक करता है, या जावास्क्रिप्ट उपलब्ध नहीं है। उस समय भी उपयोगकर्ता <noscript> की मदद से आपके वीडियो और इमेज देख पाएंगे।

<iframe allowfullscreen="" class="lazy BLOG_video_class" data-src="https://www.youtube.com/embed/4MCJL69rcI8" data-srcset="https://www.youtube.com/embed/4MCJL69rcI8" height="190" width="320" youtube-src-id="4MCJL69rcI8"></iframe>
<noscript><iframe allowfullscreen="" class="BLOG_video_class" src="https://www.youtube.com/embed/4MCJL69rcI8" height="190" width="320" youtube-src-id="4MCJL69rcI8"></iframe></noscript>

ऊपर दिया गया कोड <noscript> का पूर्ण उदाहरण है, ऐसे आप अपने हर लेजी लोडिंग इनलाइन इमेज या यूट्यूब वीडियो आईफ्रेम के नीचे नोस्क्रिप्ट मैं वीडियो आईफ्रेम का पूर्ण कोड और इमेज लेजी लोडिंग का कोड रखना सुनिश्चित करें, और यह हर इनलाइन छवि या यूट्यूब वीडियो के नीचे एक-एक करके रखा जाना चाहिए।

यहां नीचे मैंने इमेज और यूट्यूब वीडियो आईफ्रेम लेजी लोडिंग विशेषताएं के साथ और <noscript> जोड़कर स्क्रीनशॉट लिए हैं। इन दोनों स्क्रीनशॉट को आप नीचे देख सकते हैं।

ब्लॉगर पोस्ट इमेज मे आलसी लोडिंग विशेषताएं जोडें।

ब्लॉगर पोस्ट में इमेज इनलाइन छवि को आलसी लोडिंग विशेषताओं के साथ जोड़ा, और noscript कोड जोड़कर इमेज को उन ब्राउज़र के लिए उपलब्ध किया जो जावास्क्रिप्ट का समर्थन नहीं करते या जावास्क्रिप्ट ब्लॉक कर रहे हैं।

ब्लॉगर मे इमेज धीरे लोड कैसे करें, ब्लॉग Post Image & YouTube Video iframe Lazy Load, img and iframe lazy loading Custom javascript Code Library

ब्लॉगर पोस्ट यूट्यूब वीडियो आईफ्रेम में आलसी लोडिंग विशेषताएं जोडे़।

ब्लॉगर पोस्ट में यूट्यूब वीडियो आईफ्रेम इनलाइन इनलाइन को आलसी लोडिंग विशेषताओं के साथ जोड़ा, और noscript कोड जोड़कर वीडियो आईफ्रेम को उन ब्राउज़र के लिए उपलब्ध किया जो जावास्क्रिप्ट का समर्थन नहीं करते या जावास्क्रिप्ट ब्लॉक कर रहे हैं।

ब्लॉगर मे इमेज धीरे लोड कैसे करें, ब्लॉग Post Image & YouTube Video iframe Lazy Load, img and iframe lazy loading Custom javascript Code Library

 तो दोस्तों हमें उम्मीद है कि आपको हमारी यह पोस्ट पसंद आई होगी और अगर पोस्ट पसंद आई है। तो इसे अपने दोस्तों में शेयर करें ताकि आपके दोस्तों को भी इस पोस्ट के बारे में पता चल सके और हमें कमेंट करें कि आपको हमारी यह पोस्ट कैसी लगी। यदि आपका कोई प्रश्न है, तो नीचे Comment बॉक्स में हमें बताएं।

Comments

Post a Comment

क्या आपने इस पोस्ट पर अपना 'Comment' किया है, यदि (नहीं) तो अभी करें।

आपके विचार सार्वजनिक है।

" धन्यवाद "



अब यहां पर खोजें

लोकप्रिय पोस्ट:

अनोखी सेटिंग एक हस्त मोबाइल स्क्रीन? Views 👁50.3k
Post Article लिखकर ऑनलाइन पैसे कैसे कमाए? Views 👁39.2k
YouTube से पैसे कमाने के Best 3 तरीके? Views 👁35.9k
Mobile से Photo सुंदर बनाने के लिए 10 Best Apps? Views 👁29.8k
YouTube Channel के बारे में जानकारी? SEO Tips Views 👁24.4k
Automatic फोटो Background चेंज Online? Views 👁21.1k

YouTube Channel Subscribe Now »
Facebook Page Following »