How to add code box on blogger every post very easy by softichnic

How to add code box on blogger every post very easy

Aaj main aap ko batane wala hon ki aap apne blog ke post main code box kaise lagate hain code box hota kya hai jab aap koi post ya heading  likhte hain to o box ke ander hota hai jo ki bahut accha lagta hai main aap ko batane wala hon kaise lagate hain pahle aap apna theem ka bacup le lina

Pahla Tarika ye hai kar sakte hain

aap ko edit XTML pe click kar ke oppen karna hai aur aap ko mouse ko kahin bhi click kar ke

CTRL + F karna karna hai serach box open hoga osmain aap ko find karna hai ye </b:skin> aur ye serach kar lena jab mil jaye to ek enter press kar ke jist oske uper ye yala code past kar dina hai aur save theem pe click karna hainiche de donga aap ko jo ki 

Code pahla aur dosra dono tarika main hi kam karega 

Dosra Tarika ye hai

Step 1> Log in to your blogger Dashboard ---- Template ----

Step2 > Then Click on the Customize

Step3> Now a window will open their click on Advanced --- then --- Add CSS

Step4 > After this a box will open. Add the following code in the boxand click on apply to blog button to enable this in to your blog code 

Ye Raha aap ka code

Cope All Code

.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; }

Ye wala code aap ko jis post main box add karna waha cope karenge <div class="code">यहाँ अपना कोड डालें </div>Ye bhi use kar sakte ho<form><textarea row="4" cols="50" style="background-color: #fcf5d8; border: 3px solid rgb(173, 140, 8); color: #ad8c08; height: 84px; width: 316px;"onClick=select() readonly>यहाँ अपना कोड डालो </textarea></form>