How To Add Copy Code Box In Blogger In Hindi – Blogger Main Code Box Kaise Add Kre ?

क्या आप भी Codes Share करना चाहते हैं और आपको नही समझ आरहा कि कैसे कोड Share करे जिससे की आपके Readers को आसानी रहे समझने में तो आज के इस Article में मैं आपको बताऊंगा कि आप अपने Blog के Posts में Html Coding Use कर के कैसे Code Box Add कर सकते हैं

How To Add Copy Code Box In Blogger In Hindi



How To Add Copy Code Box In Blogger In Hindi

यहाँ में आपको वो सारे Codes Provide करूँगा जो आप अपने Blog के Html Section में मेरे बताये हुए तरीके से करते हैं तो आपके ब्लॉग के Posts में Code Box आ जायेगा
Go To Blogger Dashboard
Go To Theme/Template Section
Click Edit HTML
Press CTRL + F
Now Search For ” ]]<b/:skin> ” 
Paste The Codes Before This Tag (Code Is Below)
आपको ” ]]<b/:skin> ” से पहले Codes Paste करने है जो में आपको नीचे Provide करवाऊंगा

Code 1 :- For Scroll Box

Code 2 :- For Without Scroll Box

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px ‘Courier New’, Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }


.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px ‘Courier New’, Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }
How To Use This Copy Code Box In Blogger Post
Code Box Code Paste करने के बाद आपको अपने Blog Dashboard पर जाना है और Add A New Post पर Click करना और HTML पर क्लिक करके सारा Text Clear कर देना हैं और निचे दिया गया Code Paste करके अपना कोड Paste क्र लेना हैं और आप देख सकते हैं की आपके Blog में Code बॉक्स Add होगया हैं जो की काफी मस्त हैं 
<div class=”code”>
Enter Your Code Here
</div>

इस Code को Paste करके अपना Text लिख कर Publish करदेना हैं 

Thanks For Reading! Subscribe Our Blog & Youtube Channel

Leave a Reply