यूट्यूब वीडियो को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Video)

   हिंदी ४ टेक के पिछले लेख में मैंने बताया था की कैसे अपने ब्लॉग या वेबसाइट को मोबाइल फ्रेंडली स्क्रीन रेसोलुशन में बदला जाये , ब्लॉग टेम्पलेट responceive स्वरुप में बदलने के बाद सबसे पहला कदम ब्लॉग पर रखे गए youtube  वीडियो   को मोबाइल फ्रेंडली  responsive बनाना।  आज के इस लेख में बताया है की कैसे विभिन्न स्क्रीन रेसोलुशन पर Youtube वीडियो को एम्बेड किया जाये। यूट्यूब वीडियो स्वतः मोबाइल फ्रेंडली बनाने के लिए निम्न दो विकल्पों का इस्तेमाल कर सकते है  - 

Continue Reading

ब्लॉग टेम्पलेट को कैसे मोबाइल फ्रेंडली बनाये ( Responsive Web Design)

    मोबाइल फ्रेंडली वेब डिज़ाइन  इन दिनों प्रोफेशनल  वेब डिजाइनिंग का एक हिस्सा बन गई  है। यहां तक ​​कि अपनी वेबसाइट या ब्लॉग पर हर कोई मोबाइल फ्रेंडली वेब डिजाइन चाहता हैं। लगभग सभी बड़े वेब प्लेटफार्म मोबाइल फ्रेंडली वेब  संस्करण का उपयोग कर रहे हैं। मोबाइल फ्रेंडली वेब डिज़ाइन तेज गति से लोड होने के साथ ही Seo Friendly भी है । लेकिन मुख्य सवाल है, हम मोबाइल फ्रेंडली वेब डिज़ाइन  के रूप में वेबसाइट टेम्पलेट डिजाइन कर सकते हैं,हम मोबाइल फ्रेंडली ब्लॉग टेम्प्लेट के रूप में ब्लॉगर आधारित टेम्पलेट डिजाइन कर सकते है?  तो जवाब है , हाँ आप कर सकते हैं। जैसा की आप जानते है की ब्लॉगर ब्लॉग के विकास के लिए एक बड़ा सीएमएस मंच  है। यहां तक ​​कि ब्लॉगर प्लेटफार्म पर WordPress की तुलना में कई अदभुत फीचर हैं। WordPress  की तुलना में टेम्पलेट डिजाइन और अधिक आसान ब्लॉगर में है। आकर्षक वेब  डिजाइन करने के लिए हमे  उन्नत तकनीकी  डिजाइन भाषाओं जैसे : एचटीएमएल, सीएसएस, js , jQuery, ajax आदि की जरूरत होती है।
इसी कड़ी में आज मैं आपको मोबाइल फ्रेंडली ब्लॉगर टेम्पलेट में अपने वर्तमान ब्लॉगर टेम्पलेट को  परिवर्तित करने के लिए कुछ आसान चरण जिनसे की कुछ ही पलो में आपकी ब्लॉग टेम्पलेट पूरी तरह मोबाइल फ्रेंडली होगी बस नीचे बताई प्रक्रिया अपनाये :- 

Continue Reading

मोबाइल साईट को मुफ्त .tk मोबाइल डोमेन पर शिफ्ट करे

.tk की मुफ्त custom domain सुविधा से तो सभी परिचित है. इसी कड़ी में आगे मोबाइल साईट हेतु custom domain उपयोग करने के लिए नीचे प्रक्रिया देखे. ब्लॉग लिखने वाले अधिकतर ब्लॉगर साथी ब्लॉग को मोबाइल friendly या मोबाइल में आसानी खुलने हेतु ब्लॉग पर मोबाइल templete On रखते है. मगर ब्लॉगर द्वारा ब्लॉग हेतु दिए गए मोबाइल संस्करण में ब्लॉग पोस्ट तो ठीक तरह से दिखाई देती है मगर sidebar व अन्य जगह रखे गए विडजेट व लिंक पूरी तरह गायब होती है.
अपने ब्लॉग या वेबसाइट हेतु मोबाइल साईट बनाने के इछुक ब्लॉगर गूगल पर फ्री mobile site host लिख कर अपने लिए उपयुक्त मोबाइल होस्ट सुविधा का उपयोग कर सकते है.

अपने ब्लॉग हेतु मुफ्त .tk custom mobile domain उपयोग करने के लिए प्रक्रिया अपनाये.

Step 1 :- dot .tk वेबसाइट पर जाए व अपना पंजीकरण करे यदि आप यहाँ पर पहले से ही पंजीकृत है तो लोगिन कर अपने खाते में प्रवेश करे . यहाँ पर नीचे बताये अनुसार लिंक पर क्लिक करे .

Step 2 :-

Step 3 :-

Step 4 :-यहाँ अपने अनुसार ब्लॉग पता भरे व finish पर क्लिक कर परिवर्तन सेव करे .



Step 5 :-अब नीचे छवि में बताये अनुसार लिंक पर क्लिक करे



Step 6 :-

Step 7 :-यहाँ पर नीचे बताये अनुसार डाटा भरे



.tk पर आपका मोबाइल डोमेन तैयार हैं .

ध्यान दे ऊपर बताये अनुसार मोबाइल डोमेन हेतु पूरी पक्रिया करने के बाद 25-30 मिनट का इंतजार करे क्योंकि .tk पर नए डोमेन लेने पर डोमेन कार्यशील होने में इतना समय लगता हैं .

Step 8 :-अब अपने ब्लॉगर खाते में जाए व नीचे बताये अनुसार लिंक पर क्लिक करे .



Step 9 :-अब यहाँ पर नीचे बताये अनुसार जानकारी भरे .



व ब्लॉग सेव करे अब ब्लॉग के Design >>Edit Html पर क्लिक करे व यहाँ नीचे दी गयी mobile templete पेस्ट कर परिवर्तन सेव करे

Templete डाउनलोड करने के लिए यहाँ क्लिक करे .

Step 10 :-अब page Element आप्शन पर आये व नीचे बताये अनुसार लिंक पर क्लिक करे



अब खुले गयी विंडो में नीचे दिया गया पूरा कोड पेस्ट करे .

कोड डाउनलोड करने के लिए यहाँ क्लिक करे

Step 11 :-

Step 12 :-अब नीचे छवि में बताये अनुसार लिंक पर क्लिक करे



Step 13 :-

Step 14 :-

ध्यान दे STEP 9 में दी गयी मोबाइल templete में मोबाइल redirect script पहले से मोजूद है जिससे जब किसी के द्वारा आपके मोबाइल डोमेन को मोबाइल पर खोला जाता है तो ये script स्वतः ही उसे आपकी मोबाइल साईट पर redirect कर देती है , अतः यहाँ अपनी मोबाइल साईट का url डालना न भूले .
ये कोड mobile templete में नीचे छवि में बताये अनुसार होगा . छवि को स्पष्ट देखने के लिए छवि पर क्लिक करे




Step 10 में sidebar हेतु दिए गए कोड में भी आपकी mobile site का url डाले , ये वहा पर नीचे बताये अनुसार होगा..

लाइव डेमो मेरी मोबाइल साईट पर देखे यहाँ क्लिक करे

Continue Reading