Blogger में Stylish Text area box कैसे लगाते है.

नमस्कार दोस्तों ! स्वागत है आप सभी का ब्लॉग्गिंग सीखें में, दोस्तों आज के इस आर्टिकल में आप जानेंगे की Stylish Text area Box या Code Box अपने ब्लॉग में कैसे लगाते है। दोस्तों आपने  अक्सर किसी न किसी बड़े ब्लॉगर के ब्लॉग पर आपको एक Attractive Code Box देखने को मिला होगा और उस समय आप भी सोचते होंगे की काश मै भी अपने ब्लॉग में इस तरह का Code Box लगा पता। 

दोस्तों मै आपको बता दू की जितने भी बड़े ब्लॉगर के ब्लॉग होते है उनके सभी ब्लॉग वर्डप्रेस पर बनी होती है जहा पर वो लोग सिर्फ Plugin का इस्तेमाल करके वो अपने ब्लॉग में कोई भी काम आसानी से कर लेते है लेकिन दोस्तों ब्लॉगर में हमे ये सारी चीजे खुद से Manually Code को Add करना होता है। तो दोस्तों आईये जानते है की Blogger Me Stylish TextArea Box Kaise Lagate Hai. 

Blogger में Stylish Text area box कैसे लगाते है.
Blogger Me Stylish TextArea Box Kaise Lagate Hai. 


दोस्तों इस आर्टिकल में मैं दो Text-area Box के बारे में बताने वाला हु आपको जो भी अच्छा लगे आप अपने ब्लॉग के अनुसार इस कोड बॉक्स  लगा सकते हो। दोस्तों मेरे हिसाब से दोनों बेस्ट है लेकिन ये आपके ऊपर है की आप कैसे इसे यूज़ करते हो। 

अपने ब्लॉग में Text Area Box या Code-box अपने ब्लॉग में कैसे लगाए.  

दोस्तों आपको मै सिंपल तरीका बताने वाला हु की आपको कैसे अपने ब्लॉग में text area box या code-box को add करना है. 

तो सबसे पहले आप उस Post को ओपन कर ले जिसमे आप  text area box या code box को लगाना चाहते है.

 अब आपको अपने Post को Html View में Change करना है. 

इसके बाद आपको निचे दिए गए कोड को कॉपी करना है और अपने ब्लॉग के उस post में Paste कर दे जिसमे आप  text area box या code box लगाना चाहते है। 

Code - 1 

 <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 />


कोड को डाउनलोड करने के लिए आपको निचे दिए गए डाउनलोड बटन पर क्लिक करना है और कोड  डाउनलोड कर लेना है। 




Code - 2



इस कोड को डाउनलोड करने के लिए आपको निचे दिए गए डाउनलोड बटन पर क्लिक करे। 



अब आपको दोनों Code में कुछ Change करना है आपको दोनों code में दिख रहा होगा "enter your code here" तो आपको "enter your code here" जगह पर आपको उस code को paste करना है जो आप यूजर दिखाना चाहते हो। 

इतना करने के बाद आपको अपना आर्टिकल का Post को Update या Publish कर देना है। अब आपके आर्टिकल में Text area box लग जायेंगे। 

दोस्तों इस टेबल Text area code खास बात ये है की इसमें आपको एक कॉपी का बटन भी मिलता है जिससे आप आसानी से Code को एक क्लिक में कॉपी कर सकते हो। 

Conclusion -

तो दोस्तों उम्मीद करता हु की ये आर्टिकल Blogger में Stylish Text area box कैसे लगाते है आपको काफी पसंद आया होगा और आपको समझ में भी आ गया होगा की Text area box अपने ब्लॉग में कैसे लगाते है। तो अगर आपका कोई Friend है और वो ब्लॉग्गिंग करता है तो आप उसे इस आर्टिकल के बारे में बता सकते है। तो दोस्तों आप हमे कमेंट करके जरुर बताये की आर्टिकल आपको कैसा लगा. 

Sunil Sharma

मैं इस Blog का Founder और Content writer हूँ। हमारा इस Blog को बनाने का मुख्य उद्देश्य हिंदी भाषी लोगों को इंटरनेट से जुड़ी जानकारी प्रदान करवाना है। यहाँ आपको शिक्षा, तकनिकी, कंप्यूटर और मेक मनी से जुड़ी हर तरह की जानकारी अपनी मातृ भाषा में मिलने वाली है।

Post a Comment

Previous Post Next Post
avatar
Admin Hello ! May I Help You
WELCOME Hi there! Hello, Can I help you?
:
Chat WhatsApp