Adding Double Tap to Copy for Synta Highlighter - CodeBox

तो नमस्ते दोस्तों स्वागत है आपका Technical Success Official , आप कैसे हैं, मुझे आशा है कि आप लोग अच्छे होंगे और अपनी वेबसाइट पर अच्छा कार्य कर रहे होंगे । 

Adding Double Tap to Copy for Synta Highlighter - CodeBox

क्या आपने अपनी वेबसाइट पर विज़िटरस को उनकी मदद करने के लिए कोई ऐसा पोस्ट लिखा हैं जिसमें आप उनको कोई HTML , CSS, JS या अन्य Scripts या Code उनको उपलब्ध करवा रहे है । तब आपको पता होना चाहिए कि लंबे Scripts या Code के लिए विज़िटर को आपके द्वारा दिए गए कोड को कॉपी करने में समस्या हो सकती है।

क्योंकि वे जिन Scripts या Code का उपयोग करने के लिए, उन्हें आपके द्वारा पोस्ट में उपलब्ध करवाए गए कोड को Select करना होगा और फिर उसे कॉपी करना होगा। लेकिन क्या होगा अगर वे इसे सिर्फ Double Tap करेंगे और बॉक्स में दिया हुआ कोड स्वचालित रूप से कॉपी हो जाएगा ।

जी हाँ, आपने जो पढ़ा वह सही है। आज हम Double Tab करने से Copy होने वाला Syntax Highlighter or CodeBox के लिए एक Scripts लेकर आए है जिसे आपको अपनी Blogger Template में एक बार इंस्टॉल करना है, फिर आपके विज़िटरस Syntax Highlighter or CodeBox से आपके द्वारा दिए गए कोड को Double Tap करके आसानी से कॉपी कर सकते है । 

तो चलिए बिना समय बर्बाद किए आपको बताते है कि कैसे आप अपनी वेबसाइट पर Double Tab करने से Copy होने वाला Syntax Highlighter or CodeBox की Scripts को जोड़ सकते हो ।

हमेशा की तरह शुरू करने से पहले किसी भी प्रकार की त्रुटि होने पर आसानी से Restore करने के लिए अपने ब्लॉग टेम्प्लेट का Backup जरूर लें ।

Adding Double Tap to Copy for Syntax Highlighter

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

STEP

1. अपने ब्लॉगर डैशबोर्ड में लॉग इन करें ।
2. फिर Edit Html पर क्लिक करे ।
3. थीम की कोडिंग खुलने के बाद Ctrl+f दबाने के बाद आपके सामने सर्च बॉक्स आएगा उसमे </body> को सर्च करे ।
4. सर्च करने के बाद </body> हाईलाइट हो जाएगा ।
5. फिर इसके ठीक पहले नीचे दिए गए कोड को Paste करे ।
6. फिर इसको Save कर देना है ।

<!--[ Double click to Copy Technical Success Official ]-->
<script>/*<![CDATA[*/ for(var preclick=document.getElementsByTagName('pre'),i=0;i<preclick.length;i++)preclick[i].addEventListener('dblclick',function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t),document.execCommand('copy'),this.classList.add('copied'),setTimeout(()=>{window.getSelection().removeAllRanges(),this.classList.remove('copied')},4e3)},!1); /*]]>*/</script>

तो उपरोक्त Steps को Follow करने के बाद मुझे आशा है कि आपने अपने ब्लॉग में Double Tab करने से Copy होने वाला Syntax Highlighter की Scripts को  सफलतापूर्वक स्थापित कर लिया है । अगर आपको कोई समस्या आ रही है तो आप नीचे Comment कर सकते है आपको Reply देकर सहायता अवश्य की जाएगी ।

Conclusion

आज हमने इस बारे में चर्चा की है कि Adding Double Tap to Copy for Syntax Highlighter - CodeBox । मुझे आशा है कि आपको यह आर्टिकल बहुत उपयोगी लगा होगा। इस तरह की और पोस्ट के लिए रोजाना हमारे ब्लॉग को लाइक और फॉलो करें।