हिंदी में लिखने का विजेट/गैजेट आपके ब्लॉग पर

कितना अच्छा हो अगर आपके पाठक आपके ब्लॉग पर हिंदी में टिप्पणी दे पायें बिना किसी अतिरिक्त सॉफ्टवेयर या औजार के । अब ऐसा हो सकता है आपके पाठक आपके ब्लॉग पर ही हिंदी टाइप कर सकेंगे और कॉपी पेस्ट कर कहीं भी उपयोग कर सकेंगे चाहे वो टिप्पणी देने में हो या कुछ और ।

वैसे तो हिंदी टाइपिंग के कुछ विजेट पहले से ही मौजूद हैं पर ये विजेट गूगल स्क्रिप्ट पर आधारित है तो आपको वैसे ही हिंदी लिखें की सुविधा मिलेगी जैसा आप अपने ब्लॉग के लिए हिंदी लिखते हैं ।

हिंदी टाइपिंग का विजेट अपने ब्लॉग में लगाने के लिए आपको अपने ब्लॉग के HTML कोड में थोडा बदलाव करना होगा इसलिए ये प्रक्रिया बड़ी ही सावधानी के साथ करें ।

अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ

ये जरुरी है कि आप अपने वर्तमान ब्लॉग को सुरक्षित कर लें ताकि अगर आपको भविष्य में कोई कठिनाई हो तो आपका ब्लॉग टेम्पलेट सुरक्षित रहे , ब्लॉग का बैक अप् लेने के लिए dashboard से Design > Edit HTML पर जाएँ "download full theme" पर क्लिक करें और ब्लॉग के टेम्पलेट को अपने कंप्यूटर पर सेव कर लें ।

अब Expand Widget Templates विकल्प पर क्लिक करें

Edit HTML पार </head> कोड ढूंढें इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

अब के ठीक ऊपर

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("elements", "1", {
packages: "transliteration"
});
var lang= decodeURIComponent("hi");
var e= 1;
function onLoad() {
var options = {
sourceLanguage: 'en',
destinationLanguage: lang,
shortcutKey: 'ctrl+g',
transliterationEnabled: e
};

var control =
new google.elements.transliteration.TransliterationControl(options);

var textArea=document.getElementsByTagName("textarea")[0].id;
var ids = [textArea];
control.makeTransliteratable(ids);
}
google.setOnLoadCallback(onLoad);
</script>

ये कोड पेस्ट कर दें ।

अब Preview पर क्लिक कर देख लें की सब ठीक है फिर सेटिंग को सेव कर दें ।

---------------------------------------------------------------------------------

अब दूसरा चरण

dashboard से Design टैब पर जाएँ और page element पृष्ठ में

Add a Gadget पर क्लिक कर HTML/JavaScript चुने

अब इस विंडो में

<div class="Google-transliterate">
Type in Hindi (Press Ctrl+g to toggle between English and Hindi)
<textarea id="transliterateTextarea" style="width:500px;height:200px"></textarea>
<span style="font-weight:bold;float:right;margin:5px;"></span>
</div>

ये कोड पेस्ट कर दें ।
( इस कोड में आप अपनी पसंद के अनुसार बदलाव कर सकते हैं जैसे " Type in Hindi (Press Ctrl+g to toggle between English and Hindi) " लाइन को आप " अंग्रेजी लिखिए हिंदी पाइए " में बदल सकते हैं । दूसरा बदलाव ये कि इस विजेट के आकार को अपने ब्लॉग के अनुसार बदलने के लिए "width:500px;height:200px" को बदलकर "width:200;height:200px" कर सकते हैं ध्यान रखियेगा कि सिर्फ अंक बदलियेगा और कुछ नहीं । )

अब विजेट सेव करें आपका हिंदी टाइपिंग विजेट तैयार है ।

--------------------------------------------------------------------------------------

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

इसके लिए आपको पहले चरण को पूरा करने के बाद एक और सेटिंग करनी होगी ।
इसके लिए dashboard से Design > Edit HTML पर जाएँ

अब Expand Widget Templates विकल्प पर क्लिक करें

Edit HTML पर <b:if cond='data:post.embedCommentForm'> ढूंढें इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं ।

इसके ठीक नीचे

<div class="Google-transliterate">
Type in Hindi (Press Ctrl+g to toggle between English and Hindi)
<textarea id="transliterateTextarea" style="width:500px;height:200px"></textarea>
<span style="font-weight:bold;float:right;margin:5px;"></span>
</div>

ये कोड पेस्ट कर दें ।
आपका कोड कुछ इस तरह दिखाई देगा ।

<b:if cond='data:post.embedCommentForm'>
<div class="Google-transliterate">
Type in Hindi (Press Ctrl+g to toggle between English and Hindi)
<textarea id="transliterateTextarea" style="width:500px;height:200px"></textarea>
<span style="font-weight:bold;float:right;margin:5px;"></span>
</div>
<b:include data='post' name='comment-form'/

अब Preview बटन पर क्लिक कर देख लें कि सब ठीक है फिर टेम्पलेट को सेव कर लें ।

------------------------------------------------------------------------------------

ये विजेट मैंने जांच लिया है ये कस्टम मेड टेम्पलेट्स पर काम नहीं करता जैसा कि मेरे ब्लॉग का टेम्पलेट है । पर सामान्य टेम्पलेट में ये अच्छी तरह काम करता है ।

अगर आपको तकनीकी जानकरी कम है या आपको इस विजेट को उपयोग करने में कोई परेशानी हो तो
आप अपने ब्लॉग के टेम्पलेट का बैकअप लेकर बैक अप फाइल मुझे hinditechblog@gmail.com पर मेल कर सकते हैं मैं ये कोड जोड़कर आपको नयी टेम्पलेट फाइल वापस भेज दूंगा जिसे आप अपने ब्लॉग पर उपयोग कर सकते हैं ।