Blogger Blog Post में HTML Code Box कैसे Add करें 2023

हेलो दोस्तों क्या आप Blogger Blog Post में HTML Code Box Add करने के लिए Easy Steps ढूंढ रहे है तो आप बिकुल सही जगह आगये है क्युकी आज हम आपको detail में बताएंगे कि How To Add Code Box In Blogger Post In Hindi?

हम Blogger Users के लिए बताने जा रहे है की आप कैसे Blogger Blog Post में Code Box Add करे| यह जानने के लिए इस Post को पूरा पढ़े| 

Blogger Blog Post में HTML Code Box कैसे Add करें 2023

Blogger Blog Post में Code Box Add क्यों करते है और इसका क्या Use है?

दोस्तों अगर आप अपने Viewers के लिए कोई Information के साथ-साथ कोई Java Script,Css Code या Html भी Provide करना चाहते है तब Blog Post में Code Box लगाना पढता है| 


अगर आप बिना Code Box इस्तमाल करे Direct Code Paste कर देते है तो इससे Viewers को Code समझ नहीं आता की खान से कितना Copy करना है और साथ में Post का SEO भी खराब हो जाता है| 


इसलिए हमेशा Html, Java या Css के लिए Code Box का इस्तमाल करना चाहिए| इसका इस्तमाल करते है तो Blog Post में एक Code Box अलग से Show होता है जिसमे आप अपना Html, Java ,Css Code Paste कर सकते है| और यह समझना Viewers के लिए भी आसान हो जाता है| Blog Post में Code Box लगाने के लिए Html Code की जरूरत पढ़ती है| और यह Add करने के लिए आपको Coding की Knowledge होनी जरुरी नहीं है| हम आपको बतायेगे कैसे आपको अपने Blog Post में Code Box Add करना है| 


Blogger Blog Post Me Html Code Box Kaise Add Kare?

Blogger Blog Post में Code Box लगाना बहुत ही आसान है| आप अपने Blog Post में Code Box दो तरीके से लगा सकते है|  हम आपको दोनों ही तरीके इस Post में बताएंगे| तो चलिये शुरू करते है| 

1. Method  To Add Code Box In Blogger Blog:-

  • सबसे पहले आपको Google में हिलते Hilite.me Search करना है और First Link Open करना है| 
  • फिर आपको Source Code Box मिलेगा| वहां आपको वो Information Add करनी है जो आप अपने Blog Post में Add करना चाहते है| 

Blogger Blog Post में HTML Code Box कैसे Add करें 2023

  • इतना करने के बाद आपको Highlight Option पर Click करना है| 
  • उसके बाद आप देखंगे की जो अपने Information Add की है उसका Html Code Right Hand Side में Genrate हो गया है| 
  • अब आपको यह पूरा Copy कर लेना है| 
  • इसके बाद आपको अपने Blogger Dashboard में जाना है| और उस Post को ओपन करना है जिस Post में आप Code Box Add करना चाहते है| 
  • फिर आपको अपनी Post Compose View से Html View में Switch करनी है| 
  • फिर आपके सामने आपकी Post का Html View Open हो जायेगा| इसके बाद आपको Html Code पर कही भी Click करना है और Ctrl + F Press करना है| 
  • फिर आपके सामने Search Box आ जायेगा| वहां आपको वो Search करना है जिससे पहले अपने Code Box Add करना है अपनी Post में| मानलीजिए अपने First Heading से पहले ही Code Box add करना है तोह आप Heading को Search Box में Search करे| फिर व्ही Heading उस html में Highlight हो जायेगी| 
  • और उससे पहले आपको Html Code Paste करना है जो अपने अभी Genrate किया है| Paste करने के बाद आपको Save Button पर Click करना है| 
  • और फिरसे आपको Html View से Compose View में Switch कर लेना है| और आप देखंगे की Blog Post में Code Box Add हो गया है| 

Method 2. To Add Code Box In Blogger Blog Using Coding:-

अब जो तरीका मैं आपको बताने वाला हूँ यही तरीका मैं Use करता हूँ| यह तरीका मुझे बहुत ही आसान लगता है| इस तरीके के लिए आपको Html Code की जरूरत पड़ेगी| 


  • सबसे पहले आपको अपने Blogger Dashboard में जाना है| 
  • उसके बाद आप उस Post को Open करले जिसमे आपको Code Box Add करना है| 
  • और Post को Html View में Open करना है| 
  • फिर आपको निचे दिये गए Code को Copy करना है| 


HTML CODE: आपके थीम में दूसरा कोड सही कम करेगा

1. First Code: 



2. Second Code: 

<form><textarea cols="40" onclick="select()" readonly="" rows="5">Paste Your Code.</textarea></form> 
  • Copy करने के बाद आपको Post में उस जगह Paste करना है जहां आप Code Box Add करना चाहते है| 
  • Paste करने के बाद आपको Save करना है| 
  • इतना करने के बाद आप देखंगे जो अपने Code Paste किया है उसमे लिखा है Paste Your Code Here. अपने उसे Text को Select करके उस Code से Replace कर देना है जो Code आप अपने Viewers को Provide कर वाना चाहते हो| 
  • इतना कर के आपको Save करना है और Post को Compose View में Open करना है तो आपको अपनी Post में Code Box दिख जायेगा| 
  • यह सब करने के बाद आप अपनी Post को Preview क्रके एक बार जरूर देखले Publish करने से पहले की Code सही से तो लग गया है| Code सही से लग जाये तो आप अपनी Post को Publish करदे| 


Note: Code Box लगाने के लिए आपको हर बार Html Code लगाना पढ़ेगा| जिस Post में आप Code Box लगाना चाहते है| 

Conclusion:

दोस्तों इस पोस्ट में हमने आपको दो तरीको से Blogger Blog Post में Code Box Add करना बताया है| जिसमे से आप कोई भी इस्तमाल कर के अपनी Blog Post में Code Box Add क्र सकते है| अगर आपको  इस Post में कुछ न समझ आये तो आप निचे दिए गए कमेंट Section में अपना Question कर सकते  है| हम आपको जरूर Reply करंगे| अगर आपको यह Post अच्छी लगे तो आप अपने Blogger भाइयो से यह Post जरूर Share करे क्या पता उनकी मदद हो जाये| 

Post a Comment

Please do not enter any spam link in the comment box.

Previous Post Next Post