Syntax Highlighter With Copy Button Script For Blogger

Syntax Highlighter With Copy Button Script For Blogger

हेलो फ्रेंड्स आपका स्वागत है एक और पोस्ट पे आज हम लेके आये आए है की आप लोग syntax Highlighter के साथ copy बटन स्क्रिप्ट कैसे लगाए। फ्रेंड्स स्क्रिप्ट लगाना बिल्कुल आसान है कोई भी कर लेगा अगर आपको स्क्रिप्ट लगाना नही आता तो नीचे दिए गए स्टेप्स को फॉलो करो और आप बहुत ही आसानी से Syntax Highlighter with copy button आगा सकते है। तो दोस्तो शुरू करते है।

Syntax Highlighter With Copy Button Script For Blogger

Steps:-

  • आप अपना Blogger.com ओपन कर ले।
  • अब आप जिस भी पोस्ट में लगाना चाहते है वह एडिट पे करें।
  • फिर आप हतमल पे जाए।
  • निचे दिए गए कोड को कॉपी करें ओर जहां पे भी आप syntax Highlighter लगाना चाहते है वोहा कोड पेस्ट कर दे।

Code Here:-

<textarea cols=”100″ id=”htmlText” readonly=”” rows=”20″ style=”background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;”>
<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;”></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>
</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;”></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>

दोस्तो {—-Enter You Code Here—-} में आप जो भी कोड शेयर करना चाहते है पेस्ट करें फिर आप पब्लिश पे क्लिक करें
तो आपकी पोस्ट में Syntax Highlighter with copy button लग गया होगा।
अगर आपको यह पोस्ट पसंद आये तो कृपिया इसे शेयर जरूर करें।

Be the first to comment

Leave a Reply

Your email address will not be published.


*