Syntax Highlighter with Copy Button Script for Blogger

Syntax Highlighter with Copy Button Script for Blogger

 

 

दोस्तों आज की इस पोस्ट में मैं आपको Syntax Highlighter with Copy Button Script के बारे में बताने वाला हूँ इस article में मैं आपको बताऊंगा की आप अपनी blogger post में Syntax Script Box Copy Button के साथ किस तरह add कर सकते हैं

 

Syntax Highlighter with Copy Button

 

हो सकता हे की आप में से काफी लोगों को इसके बारे में पता न हो तो साधारण शब्दों में मैं आपको बता दूं की अपनी blog post जो भी script या Source code दिया जाता हे और जिस बॉक्स में use add किया जाता हे use हम Syntax Highlighter कहते हैं

Google Sandbox क्या है ? What is Google Sandbox In Hindi

लेकिन अब वक़्त के साथ साथ सब कुछ Advance होता जा रहा हे इसलिए अब साधारण  Syntax Highlighter को भी एडवांस बना दिया गया हे अब इसमें हमें  Copy Button भी देखने को मिल जाता है और इसका Benifit ये हे की बिना code को select किये ही आप copy button पे क्लिक करके पूरे code को copy कर सकते हैं

नीचे मेने आपको  Copy Button Script दिया हे इसकी help से आप अपनी  blogger post को बहुत Atrective बना सकते हैं

 

<textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;">

{----Enter You Code Here----}

</textarea>

<button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy</button>
<script>
function copyhtml() {

const text = document.querySelector("#htmlText");

const btnText = document.querySelector("#htmlBtn");

text.select();

document.execCommand("copy");

btnText.textContent = "Copied";

setTimeout(function(){

btnText.textContent = "Copy";

}, 5000);

}
</script>
<br /><br /></div>

 

 

तो दोस्तों आपको आज की ये पोस्ट कैसी लगी कमेंट करके ज़रूर बताइयेगा और इसी तरह की जानकारी पाने के लिए हमारी इस साईट को सब्सक्राइब कर लीजिये और इसके अलावा हमारे Youtube Channel को भी सब्सक्राइब कर लीजिये

मेरा नाम शरीफ़ अहमद कादरी हे में एक Youtuber भी हूँ और ब्लॉगर भी हूँ ,इस वेबसाइट पे आपको Technology से जुडी हर तरह की जानकारी मिलती हे अगर आप ब्लॉग्गिंग सीखना चाहते हैं या youtube channel बनाकर पैसा कमाना चाहते हैं या Affilate Marketing करना चाहते हैं या technology से जुडी कोई भी जानकारी लेना या सीखना चाहते हैं तो इस वेबसाइट पर आपको वो सब कुछ सीखने को मिलेगा जो भी आप सीखना चाहते हैं!

Leave a Reply