How to Add or Embed Youtube Video in Blogspot Blog in Hindi|हिंदी में जानिए

हेल्लो दोस्तों,
आज के इस पोस्ट में मैं आपको अपना एक और विडियो से यह बताने वाला हूँ कि आप अपने blogspot blog पर Youtube Video कैसे डाल सकते हैं या embed कर सकते हैं.


और पढ़े:How To Download Or Backup Your Blogspot Blog In Hindi | हिंदी में जानिए

Read More

HOW TO KNOW THE WEBSITE PAGE SPEED IN HINDI | हिंदी में जानिये.

हेल्लो दोस्तों
आज के इस blogpost में मैं आपको VIDEO कि मदद से यह बताऊंगा कि आप अपने website की पेज स्पीड का पता कैसा लगा सकते हैं और अपने website की गूगल रैंकिंग कैसे बढ़ा सकते हैं.

What is Page Speed ? Page Speed है क्या ?

Page Speed नाम ही बता देता हैं कि यह किस सन्दर्भ में हैं। पेज स्पीड किसी वेबसाइट या webpage का वह मापक हैं जो यह बताता हैं कि वह पेज कितने समय में या कितने देर में खुला या कंप्यूटर की भाषा में load हुआ। अगर आपका वेब पेज जल्द खुलता हैं तो उसका पेज स्पीड अच्छा हैं। 

Importance of Page Speed.।  Page Speed का महत्व 

Google Webmaster ने यह एलान किया था कि गूगल सर्च में पेज स्पीड को महत्व दिया जाएगा। मतलब यह हैं कि अगर आपका वेबसाइट काम समय में खुलेगा तो गूगल उस वेबसाइट को अपने Search result में ऊपर दिखायेगा और जिन वेबसाइट की स्पीड काम होगी वो क्रमशः पेज रैंकिंग में पीछे होगी।

और मान लीजिये आपके वेबसाइट की रैंकिंग अगर पीछे हैं तो आपके वेबसाइट में ट्रैफिक भी काम होगा और फलस्वरूप आप अपने कस्टमर खो देंगे।
और सिंपल शब्दों में समझे तो जब आपका वेबसाइट काम स्पीड में खुलेगा तो लोग आपके site से परेशान हो जाएंगे और नया कोई विकल्प ढूंढेंगे। इसलिए अपने ब्लॉग को आप optimize रखे ताकि page speed और page ranking दोनों बढ़ सकें।

How to Know Page Speed? Page Speed कैसे जाने?

वैसे तो पेज स्पीड जानने के Internet पर बहुत से साधन हैं. पर उनमे से मेरे पसन्दीदे निम्नलिखित 3 websites हैं. 

1) Google Page Speed Insight

2) Pingdom

3) GTMetrix

निचे मैंने एक वीडियो बनाया हैं जिसमे मैंने Pingdom Tool की मदद से Page Speed कैसे पता करते हैं बताया हैं.

Click the image to play

और पढ़े: How to Embed Youtube Video without affecting PageSpeed in Hindi 

              8 Websites For Compressing Images Online to help in Speeding Up Page

विडियो देखने के लिए आप ऊपर दिए गए image या चित्र पर क्लिक करें. 

Read More

Net Neutrality in Hindi

Net Neutrality क्या है ?

आज कल हम यह शब्द बार बार सुन रहें है. पर हिंदी में इसके बारे हिंदी में लेख कम हैं . मैं आज इन शब्दों के मायने बताने जा रहा हूँ |

1. नेट न्यूट्रलिटी एक ऐसी अवधारणा है, जिसमें अपेक्षा की जाती है कि यूजर, कंटेंट, साइट, प्लैटफॉर्म, एप्लिकेशन और संचार के तरीकों के आधार पर न तो भेदभाव किया जाए और न ही अलग-अलग शुल्क लिया जाए.
2. इसमें माना ये जाता है कि इंटरनेट सर्विस प्रोवाइडर(ISP) और सरकारें नेट पर सभी डेटा को बराबर तवज्जो दें.
3. ऐसा न हो कि कोई सर्विस ‘स्लो लेन’ में इसलिए अटक जाए क्योंकि उसके हिसाब से पैसे नहीं दिए गए.

Source:imgur.com

आसान शब्दों में Telecom operators/ISPs के पास ताकत होगा की आप कितना इन्टरनेट एक्सेस करेंगे, आप क्या एक्सेस करेंगे , कितनी स्पीड से एक्सेस करेंगे, कितना एक्सेस करेगे, किसी वेबसाइट को एक्सेस करने में कितने पैसे लगेंगे वगेरा वगेरा ...

एक तरह से ISPs के पास ताकत होगी की आप NET पर कौन से कंटेंट देखे .

इसे और अच्छे से समझाने के लिए विडियो देखिये

ये तो था Electricity से सम्बंधित , अब मान लीजिये ये ही Internet के साथ भी हो जाये तो जिसमे आपको Whatsapp Facebook Google इत्यादि पे जाने के लिए अलग चार्ज हो और कम प्रसिद्ध साईट पर जाने के अलग चार्ज हो | एक तरह से हम कह सकते हैं की अब internet की जगत में भी जातिवाद शुरू हो रहा हैं जहां टॉप की websites ब्राह्मण और और नए websites शुद्रो की जाति में विभाजित हो सकता हैं


 न्यूट्रलिटी कहता है कि :
-सारे साईट सामान भाव से सबको उपलब्ध हो
-सामान स्पीड से साईट को एक्सेस करने मिले
-सामान डेटा चार्ज हर site के लिए

• और जाने: Facebook Free Basics क्या हैं ? Hindi में जानिए.

यह बिमारी फैली कहाँ से ?

कुछ युगों पहले, Airtel  नामक एक दूरसंचार प्रदान करने वाली प्राइवेट कंपनी ने Viber,Skype इत्यादि के माध्यम से किए गए फोन कॉल के लिए उच्च टैरिफ चार्ज करने की कोशिश की। इस तरह इन्होने नेट न्यूट्रलिटी सिद्धांत का उल्लंघन करने की कोशिश की | लोगो के आक्रोश के कारण बाद में Airtel को पेसे कमाने का यह तरीका वापस बंद करना पड़ा |

हाल ही में एयरटेल ने फिर Airtel Zero नामक एक नयी सेवा का उदघाटन किया जिसमे कुछ websites को फ्री कर दिया गया . अगर कोई उपभोगता इन sites पर जाता है तो उसके पेसे वह वेबसाइट देगा. यह भी नेट न्यूट्रलिटी सिद्धांत का उल्लंघन कर रहा हैं.

क्या फायदे क्या नुक्सान ?

मान लीजिये की ISPs/Telco's को यह ताकत मिल जाये
@ बड़ी बढ़ी कंपनिया पैसो के जोर पर इन सर्विस प्रदान करने वाली कंपनियों से गठबंधन कर लेगी ताकि उनके websites को फ्री में लोगो को दे सके और कमाई कर सके. चूँकि आपको ये फ्री में मिल रहा हे तो आप दो बार सोचेंगे की डेटा प्लान ले या नहीं . हालकी आपको ये सर्विस फ्री में मिल जाएगी पर दूसरे जो उभरते हुए websites या कंपनिया इस दौड़ में पैसे की कमी की वजह से पीछे हो जाएगी या उठ ही नहीं पायेगी  क्योंकि उनके sites आप डेटा प्लान न होने की वजह से नहीं देख पा रहे या ISPs ने उन्हें Block कर दिया होगा .

@ अब अगर छोटी कंपनियों ने थोड़ा बहुत पैसा देकर ISPs को मना भी लिया तो हो सकता है आपको उन सेवाओ का उपयोग करने के लिए कम स्पीड मिले. मतलब ज्यादा पैसा देने वाली कम्पनी को ज्यादा स्पीड मिलेगा बाकि को उनके पैसे देने की क्षमता के हिसाब से स्पीड .

@ अलग कम्पनियां अलग अलग ISPs/टेलिकॉम ऑपरेटर से गठबंधन करेगी . उदहारण के लिए whatsapp आपको वोडाफ़ोन पर फ्री मिलेगा तो facebook एयरटेल पर मिलेगा इत्यादि . अंत में उपभोगता को परेशानी .


अंततः इन्टरनेट की स्वतंत्रता खतरे में हैं.
टेलीकॉम कंपनियां स्काइप और वाइबर के बढ़ते इस्तेमाल को देखते हुए अब वॉयस ओवर इंटरनेट प्रोटोकॉल (वीओआईपी) सेवाओं के लिए कस्टमर से अलग से चार्ज लेना चाहती हैं. इस मसले पर ट्राई जहां डिस्कशन पेपर लाने की तैयारी में है. वहीं, डिपार्टमेंट ऑफ टेलीकॉम नेट न्यूट्रलिटी को बरकरार रखना चाहता है.
नये नियम मुताबिक ये सुनिश्चित किया जाए कि किसी भी कंटेंट को ब्लॉक नहीं किया जाएगा.
इंटरनेट को इस आधार पर न बांटा जाए कि पैसा देकर इंटरनेट और मीडिया कंपनियां फास्ट लेन पा लें और बाकी लोगों को मजबूरन स्लो लेन मिले.


Net Neutrality के समर्थन के लिए आपका एक email बहुत मदद कर सकता हैं . कृप्या नीचे दिए गए लिंक पर जाये और support करे 24 April 2015 के पहले .

The Internet needs YOU

Latest News: 08.02.2016: TRAI  ने Net Neutrality का समर्थन करते हुए फेसबुक के फ्री बेसिक को मना कर दिया हैं.

यह समाचार आप इस लिंक पर जाकर देख सकते हैं. 

English । हिंदी 

आप अगर चाहे तो सारा लेख जो रेगुलेशन (ट्राई) ने कहाँ हैं यहाँ से भी पढ़ सकते हैं. 

Read More

How to Embed Youtube Video without affecting PageSpeed in Hindi

आज मैं आपको Webpage पर Youtube Video को कैसे Embed करते है बताने वाला हूँ . इसके लिए मैंने Labnol.Org की मदद ली हैं . वैसे तो Youtube Videos को Embed करने के कई तरीके हैं पर यह तरीका इसलिय अच्छा हैं क्यूंकि इस तरीके का उपयोग करने से Webpage के स्पीड पर ज्यादा असर नहीं पड़ता .

पहला तरीका :

इस तरीके में पहले हम Youtube video को Play करते हैं , फिर Subscribe Button के नीचे Share के बटन पर Click करते हुए फिर Embed पर click करते है. उसके बाद एक IFRAME से युक्त एक लिंक highlight हो जाता है जिसे हम अपने website पर Embed करते है.

पर इस तरह से Video Embed करने से अगर आप ना भी चाहे तो Webpage पर Youtube Video से सम्बंधित सभी resources download हो जाते हैं जैसे ही आप उस website पर जाते हैं. इस तरह आपका webpage भारी हो जाता हैं और साईट खुलने में समय लग जाता हैं , जिससे site traffic पर भी असर पड़ता हैं.

अब इसका समाधान यह हैं कि आपके webpage पर video player तब ही load हो जब आप उस video पर click करे . ये आप simple Link दे कर भी कर सकते है पर उससे video player जैसा effect नहीं मिलेगा.
इसके लिए Google + ने समाधान दिया हैं,
Webpage पर Youtube का thumbnail image आ जाए और उस पर Video Player के बटन का उस पर चिपका हो. तो यह दिखने में Video Player जैसा दीखता भी हैं और तभी खुलता है जब आप उस पर click करते हैं.

उदहारण के लिए ऊपर के video को देखे.
तो अब देखते हैं दूसरा तरीका.

दूसरा तरीका:

1. आप अपने Blog के Blogger Dashboard पर जाकर Template पर click करे 
2. उसके बाद Edit HTML बटन दबाये 
3. उपरांत template में <head> टैग को Search करे. उसके लिए पहले template body पर click करे , फिर कीबोर्ड में CNTRL+F दबाये और Search के option में <head> डालकर सर्च करे. 
4. जब आपको <head> मिल जाये , तब ठीक <head> के नीचे निम्नलिखित code को paste कर दे.

<style>

.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }

.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }

img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }

div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }

#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

</style>

उसके बाद आप Save Template के बटन पर click करके template को Save कर ले.

अब आप अपने template में नया HTML/JavaScript Widget लगाये और नीचे लिखे code को लिख कर Save कर ले.

<script>
(function() {
    var v = document.getElementsByClassName("youtube-player");
    for (var n = 0; n < v.length; n++) {
        var p = document.createElement("div");
        p.innerHTML = labnolThumb(v[n].dataset.id);
        p.onclick = labnolIframe;
        v[n].appendChild(p);
    }
})();
 
function labnolThumb(id) {
    return '<img class="youtube-thumb" src="//i.ytimg.com/vi/' + id + '/hqdefault.jpg"><div class="play-button"></div>';
}
 
function labnolIframe() {
    var iframe = document.createElement("iframe");
    iframe.setAttribute("src", "//www.youtube.com/embed/" + this.parentNode.dataset.id + "?autoplay=1&autohide=2&border=0&wmode=opaque&enablejsapi=1&controls=0&showinfo=0");
    iframe.setAttribute("frameborder", "0");
    iframe.setAttribute("id", "youtube-iframe");
    this.parentNode.replaceChild(iframe, this);
}
</script>


अब Embeding करने की बारी .

अब जब भी आपको कोई youtube video अपने site पर Embed करना हो निम्नलिखित html code को WebPage पे डाले



<div class="youtube-container">
   <div class="youtube-player" data-id="VIDEOID"></div>
</div>

यहाँ पर Youtube Video link का ID आपको VIDEOID के जगह पर डालना पड़ेगा.
मान लीजिये आपके video का link address हैं ; https://www.youtube.com/watch?v=GdyvRwuBQP4
तब आपको "VIDEOID" की जगह पर "GdyvRwuBQP4" लिखना पड़ेगा.

इस तरह आप आसानी से PageSpeed को कम ना करके Video Embed कर सकते हैं . 

Read More