आपके ब्लॉग को फायरफोक्स में खोलने पर शब्द टूटे हुए दिखते हैं?

आपने रंजना भाटिया जी का और कून्नू सिंह का ब्लॉग ध्यान से देखा है? इन दोनों के अलावा कई और भी ब्लॉग है जिन्हें फायर फॉक्स में खोलने पर शब्द बिखरे बिखरे दिखाई देते हैं। जहाँ रंजना जी के ब्लॉग पर हैडर के नीचे लिखे कुछ शब्दों, साईडबार और टिप्पणी गड़बड़ दिखाई देती है वहीं कून्नू जी का तो पूरा ब्लॉग ही फायर फॉक्स में पढ़ने के लायक नहीं रहता।

चित्र दॆखिये लाल घेरे और लाल तीर के निशान वाले हिस्से कैसे दिख रहे हैं ( बड़ा करने के लिये चित्र पर क्लिक करें)

मेरी तरह कई मित्र फायरफॉक्स को ज्यादा पसंद करते हैं, अब वे इस तरह के ब्लॉग्स या टिप्पणी को पढ़ने के लिये पोस्ट को फॉयर फोक्स में खोलने से रहे! कई चिट्ठाकारों ने टेम्पलेट बदलने के बाद पाया कि यह फायरफॉक्स में काम नहीं करता तब उहें सूचना तक लगानी पड़ी कि यह ब्लॉग FF में नहीं खुलसकेगा।

ऐसे में आपका अच्छा लेख पाठक तक नहीं पहुंच पाता और आप कई टिप्पणीयों के अलावा आप अपने एक पाठक का भी नुकसान करते हैं।इसका हल चाहते हैं, बहुत ही आसान है!
आईये आप ऐसा करें अपने चिट्ठे के Dashboard- Layout में जा कर Edit Html वाले हिस्से में जायें, और यह लाइन खोज लें #outer-wrapper { इस लाइन में आपको text align : justify .. यह जस्टीफाई शब्द ही सारे फ़साद की जड़ है, अंग्रेजी में तो यह बड़ा लुभावना लगता है पर हिन्दी लेखों के लिये परेशानी खड़ा करता है, इसे आप left से बदल दें

उदाहरण के लिये

कुन्नू सिंह के चिट्ठे पर
#outer-wrapper { width: 1005px; margin: 0px auto 0; text-align: justify; } को बदल कर

#outer-wrapper { width: 1005px; margin: 0px auto 0; text-align: left; } करना होगा

और रंजना जी को

#outer-wrapper { width: 798px; margin: 0px auto 0; text-align: justify; font: normal normal 100% Verdana, sans-serif; } की जगह

#outer-wrapper { width: 798px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } करना होगा।

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

चलते चलते आप सबके लिये एक पहेली... मैने रंजना जी और कून्नूजी के ब्लॉग के सदस्य बने बिना उनके ब्लॉग को कैसे सुधारा? जवाब चित्रों में ही है ध्यान देने पर मिल जायेगा।
भाई कुन्नूजी अब जरा वर्तनी की अशुद्धियों पर भी जरा ध्यान दें..:)

अपने चिट्ठे पर Read this blog in english बटन लगायें-२

पिछली पोस्ट में कोड देने में थोड़ी सी भूल हो गई थी, जिससे कोड तो बन रहा था परन्तु, ब्लॉग का अनुवाद नहीं हो रहा था। इस भूल को सुधारकर फिर से कोड एक नये बटन के साथ पेस्ट कर रहा हूँ
ध्यान रहे कि http://techchittha... की बजाय आप अपने ब्लॉग का लिंक लिखें।
बटन क्रमांक १

<input value="Translate This Blog in English" onclick="self.location.href=('http://translate.google.com/translate?hl=en&sl=hi&u=http://techchittha.blogspot.com/&sa=X&oi=translate&resnum=4&ct=result&prev=/search%3Fq%3D%25E0%25A4%25A6%25E0%25A5%2587%25E0%25A4%25B5%25E0%25A4%25A4%25E0%25A4%25BE%2B%25E0%25A4%25A4%25E0%25A5%2581%25E0%25A4%25AE%2B%25E0%25A4%25B9%25E0%25A5%258B%2B%25E0%25A4%25AE%25E0%25A5%2587%25E0%25A4%25B0%25E0%25A4%25BE%2B%26hl%3Den%26rlz%3D1B3GGGL_enIN272IN272')" type="button"></span></form>

बटन क्रमांक २

<form name="हिन्दी - अंग्रेजी में अनुवाद"><span style="border-style: solid; border-color: rgb(153, 204, 255) rgb(17, 68, 136) rgb(0, 51, 119) rgb(136, 187, 238); border-width: 2px; padding: 10px 8px; background: rgb(102, 153, 204) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><input value="Translate This Blog in English" onclick="self.location.href=('http://translate.google.com/translate?hl=en&sl=hi&u=http://techchittha.blogspot.com/&sa=X&oi=translate&resnum=4&ct=result&prev=/search%3Fq%3D%25E0%25A4%25A6%25E0%25A5%2587%25E0%25A4%25B5%25E0%25A4%25A4%25E0%25A4%25BE%2B%25E0%25A4%25A4%25E0%25A5%2581%25E0%25A4%25AE%2B%25E0%25A4%25B9%25E0%25A5%258B%2B%25E0%25A4%25AE%25E0%25A5%2587%25E0%25A4%25B0%25E0%25A4%25BE%2B%26hl%3Den%26rlz%3D1B3GGGL_enIN272IN272')" type="button"></span></form>

अपने चिट्ठे पर Read this blog in english बटन लगायें

और ब्लॉग का अंग्रेजी अनुवाद पढ़ें
"How to make a button for translating your blog to English"

कुछ दिनों पहले चिट्ठाकार समूह में अनुनादजी ने गूगल के हिन्दी<=> अंग्रेजी अनुवादक औजार की जानकारी दी। इस अनुवादक की गुणवत्ता अभी उतनी बढ़िया नहीं है फिर भी कम से कम हिन्दी <=> अंग्रेजी में अनुवाद होना शुरु तो हुआ। चूंकि गूगल ने सुधार के लिये सुझाव की सुविधा रखी है, सो वह दिन ज्यादा दूर नहीं जब हिन्दी चिट्ठों का एकदम अंग्रेजी में या अंग्रेजी लेखॊं का हिन्दी में एकदम सही अनुवाद हम पढ़ सकेंगे।
जब से समुह में मैने यह समाचार पढ़ा तब से दिमाग में यही विचार आ रहा था कि क्यों ना एक ऐसा बटन बनाया जाये जिसे हम अपने ब्लॉग पर लगा सकें और मात्र एक क्लिक करते ही पूरा ब्लॉग अंग्रेजी में बदल जाये। दो दिनों की मेहनत और पचास साठ प्रयोगों के बाद आखिरकार बटन बन ही गया।
आप भी अगर अपने ब्लॉग पर यह बटन लगाना चाहते हों तो HTML कोड वाले सेक्शन में जा कर नीचे दिये कोड को उचित जगह पेस्ट कर दीजिये या फिर Layout - Add a page element - HTML में पेस्ट कर दीजिये। और क्लिक कर देख लीजिये आपका चिट्ठा अंग्रेजी में दिख रहा है।
इस तरह से किये अनुवाद में अगर कुछ जगह अनुवाद गलत हो तो माउस के पोंईटर को उस हिस्से पर ले जाते ही वह भाग हिन्दी में दिखाई देने लगेगा।
विशेष: कोड में जहाँ http://techchittha.blogspot.com लिखा है उसे आप अपने चिट्ठे के लिंक से बदल दीजिये।
बटन बनाते समय कई बार बटन में लिखे शब्द Read this.. अपने आप गायब हो जाते थे और लम्बे बटन की बजाय छोटा सा बटन बन जाता था। इस पोस्ट को फिलहाल प्रायोगिक समझें, कुछ गलतियाँ भी होनी संभव है अत: सुझाव सादर आमंत्रित है।

प्रयोग के लिये इस बटन पर क्लिक कर देख लेवें। मेरा चिट्ठा "तकनीकी दस्तक" कैसे Technical Knock में बदल गया है, और सागर नाहर SEA NAHAR में :)

<form name="भाषांतर"><span style="border-style: solid; border-color: rgb(153, 204, 255) rgb(17, 68, 136) rgb(0, 51, 119) rgb(136, 187, 238); border-width: 2px; padding: 10px 8px; background: rgb(102, 153, 204) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><input value="Read This Blog in English" onclick="self.location.href=('http://translate.google.com/translate?hl=en&sl=hi&u=http://techchittha.blogspot.com/&sa=X&oi=translate&resnum=4&ct=result&prev=/search%3Fq%3D%25E0%25A4%25A6%25E0%25A5%2587%25E0%25A4%25B5%25E0%25A4%25A4%25E0%25A4%25BE%2B%25E0%25A4%25A4%25E0%25A5%2581%25E0%25A4%25AE%2B%25E0%25A4%25B9%25E0%25A5%258B%2B%25E0%25A4%25AE%25E0%25A5%2587%25E0%25A4%25B0%25E0%25A4%25BE%2B%26hl%3Den%26rlz%3D1B3GGGL_enIN272IN272')" type="button"></span></form>

Technorati Tags: हिन्दी- अंग्रेजी,अनुवादक औजार,गूगल,Hindi to English Translation Tool