Blog post me code box kaise Add kare ?

Blog post me code box kaise Add kare ?

Hello friends, 

Kya aap blog post me code box lagana chahte hai ? To chaliye aaj hum aapko batate hai ki blog post me code box kaise lagaya jata hai.

Sabse pahle hum code box ke bare me jante hai.

Code box kya hota hai aur ise bolg post me kyu use karna padta hai ?

Code box ek box hota hai jisase hum text, html coding, ya koi bhi files users ko de sakte hai. Jab hum apne blog ke contents secure karte hai to ko bhi users apne contents ko copy nahi kar pata. Aise me hum code box ki madat se  visitor's ko code provide kar sakte hai.

Mai apko 2 type ke code box ke bare me batane ja raha hu.

1. Simple code box :

Simple code box simple hota hai. Aur is code box ko use karna bohot asan hota hai.

Blog post me Simple code box kaise lagaye ?

<form> <textarea cols="40" onclick="select()" readonly="" rows="5">paste your code.

Step 1: 
Sabse pahle uper code box me diye gaye code ko copy kare.

Step 2 :
Uske baad jis post me code box add karna chahte ho wo post open karke use html view me open kare. 

Step 3 :
Post ko html view me open karne ke baad jaha bhi code box lagana chahte hai waha code ko past kare aur paste your code ki jagah jo bhi code box me text add karna chahte hai wo text add kar ke post ko compose view kare.

Blog post me style code box kaise lagaye ?
Style code box me diye text colourful hote hai, ager aap code box me colourful text provide karna chahte hai toh stylish code box ka use kar sakte hai. Is code me background colour, font colour aur font style change kar sakte hai.

Step 1: 
1. Sabse pahle apne Blog ka dashboard open kar ke theme option me jaye.

Step 2.

theme option me jane ke baad sabse pahle theme ka backup le aur Edit HTML par click kare.

Step 3.

Ab apke samne theme ki HTML file open ho jayegi, yaha CTRL+F press kare, ek search box aa jayega us search box me ]]></b:skin> search kare.

/* css Code Box of smartbtechnic.blogspot.com */ .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; }

Step 4.

Ab is code box me diye code ko copy kare aur ]]></b:skin> ke thik uper paste kar ke html file save kar de.

Step 5.

Uske baad niche code box me diye code ko copy kare

<div class="code">Paste Your Code Text</div>

Aur jis post me code box lagana hai us post ko html view me open kare aur jaha bhi code box lagana hai waha is code ko paste kare aur paste your code text ki jagah jo text add karna chahte hai wo text add kare. Uske baad post ko compose view me kare.

Conclusion ( निष्कर्ष ) :
Aaj humne is Article se sikha ki Blog post me simple code box aur style code box kaise lagaya jata hai, Agar apke mn me koi sawal hai to app comment kar sakte hai. I hope apko ye jankari achi lagi ho.
Smartbtechnic.