Blog Post me Code Box kaise Add kare

Hello bloggers,Is post me mai aapko bataunga ki Blogger post me Code box kaise add karte hain . Agar aapka blog blogging se related hai or Aap esi posts likhte hai jinme codes bhi  add karte hain to un codes ke liye ek box ka use jaroor karna chahiye taki visitors ko code ko verify/copy karne me koi problem na aaye.To chaliye me aapko kuch easy way batata hu jo Blog post me code box add karne me aapki help karegi.

        - Blogger me Floating Navigation menu bar kaise lagaye
       -Ghar Baithe Whatsapp Se Paise kamaye

         " Blogger Blog post me Code Box Kaise Lagaye"

Blog post me code box kaise lagaye

1.Simple Code Box

Agar aap Blogger Post me simple code box add karna chahte hain to is code ki help se kar sakte hain.Niche diye code ko copy kar le .
<form><textarea rows="5" cols="40" onClick=select() readonly>Paste code here.</textarea></form>
      
-) Simple Code Box ko Blog post mai kaise lagaye
 1-Sabse pehle to code ko copy kar le ab jis bhi post mai Code box ko lagana hai us post ke Html section mai jaye.Youtube Se Paise kamane Ke Aashan tarike

2- jahan par Code Box lagana hai vahan par copy kiye code ko paste kar dijiye.

3-Paste code here ki place par apna code paste kare aur save kar de.

blogger me code box kaise lagaye
 

2.Stylish Code Box

Agar aap Blog Post me Stylish code box lagana chahte hai to in steps ko follow kijiye.

Step1    Sabse pehle to Niche diye Code ko Copy kar lijiye
 .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; }
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;} #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}  .showpageOf{display:none!important} #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
body {
  background-color: #FFFFFF
}
Agar aap code box ka background colour change karna chahte hain to #FFFFFF  ke place par koi dusra colour daal sakte hain.

 Step2   
1-Ab apne Blogger ke Template section me jaye aur ]]></b:skin> ko search karen.

2- Ab jo code aapne copy kiya hai use ]]></b:skin> just above(uper) paste kar de.

3-Ab jis bhi Post mai aapko code box add karna hai uske Html section me jakar niche diye huye code ko paste kar dijiye.

4- Paste code here ke place par apna code paste karen aur save kar den.
 <div class="code">
paste code here
</div>


blogger me stylish code box kaise lagayen

-) Conclusion 

To friends ye ek small trick thi jiski help se aap bhi apne Blogger ke post me Simple or Stylish Code box ko laga sakte hain aur blog ko Awsome look de sakte hain agar ye post aapko pasand aaya ho to share jarur kariyega.Thanks

15 comments

sir aspke template ka kya nam hai

brother code box to show ho rha hai per agar me kisi post me khoi html code dale to wo post me hi apply ho jata hai. na ki code show karta hai. please tell me code ko post kese show kare........??????

Bro agar html section me code daalne par html apply ho raha hai to fir code ko html section me paste mat karo ...code ko main post me hi paste kar do and fir html section me jaa kar code box vala code paste kar do html ke sath

mujhe apka answer samjh nhi aha rha hai. brother me code box ka use nhi karta me blackquate ka use karta hu. Code box me bi yeahi problem hai.

Aap Code ko Html section me paste karte ho ya Main Post me?

brother post likte samay html code ko html section me dalta hu per wo post me apply ho jata hai.

Html section me mat dala karo main post me hi paste karo fir html apply nahi hoga

brother me samjh nhi pa rha hu me blogspot per post likte smay to 2 hi opetion hote hai. ek html are dusra compose me dono me check kar ke dik liya
yar khoi exmaple deker bta skate ho kya .........

This comment has been removed by a blog administrator.

Thanks And Keep visiting...

Nice post thanks

Thanku and Keep Visiting

bot hi accha jankri shre kiya hai aapne nc post

बहुत ही बढिया जानकारी है मेरे को इस कोड की जरूरत थी जो आप के ब्लॉग पर मिल गया thanks


EmoticonEmoticon