HomeBlogging Tips

Blog post me code box kaise Add kare – Full Guide

Like Tweet Pin it Share Share Email

Hi Friends, Aaj main Aapke sath blog post me code box Add karne ka tarika share kar raha hu kyonki jab Aap Apne blog me blog widget se Related posts likhte hai to post me Html box Add karna bahut jaruri hota hai taki visitors Aapke posts me widgets ke HTML code ko Asaani se copy karke use kar sake.

Is post me maine Html box ko blog post me Add karne ki puri jankari share ki hai to chaliye dosto shuru karte hai.

 
Blog post me code box kaise Add kare – Full Guide
 

Blog post me code box kaise Add karte hai ?

Post me maine Aapko 2 type ke code box share kar raha hu. Inme se jo Aapko Acha lage usko Aap use kar sakte ho.
 
1.Simple code Box
Simple code box ko blog post me Add karna bahut easy hai Aap sirf niche diye steps ko follow kare.
 
Step 1. Sabse pahle Apne post ke HTML section par click kare.

Blog post me code box kaise Add kare – Full Guide


Step 2. Iske baad niche diya gaya code copy kare or jaha Aapko code box Add karna hai waha par paste kar dijiye.
 
<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.</textarea></form>
 
Step 3. Ab code me “ your text here “ ki jagah par Apna code Add karke save kar dijiye.
 
Read  Also :
 
2. Stylish code Box
Is code box ko blog post me Add karne ke liye Aapko Apne blog template me kuch css codes ko Add karna hoga.
 
Step 1. Apne Blogger ke dashboard me jakar Theme>>Edit HTML par click kare.
 
Step 2. Ab ctrl+f press karke search box me ]]></b:skin> type karke search kare.

Blog post me code box kaise Add kare – Full Guide


Step 3. Ab Aapke samne ]]></b:skin>code highlight ho jayega is code ki jagah par niche diya gaya css code copy karke paste kariye or save kar dijiye.
 
/* css Code Box of www.onlinehindimehelp.com */ .post-body ::selection {background:#eafdb7;color:#000;}
.code { background: #A9A9A9; background-repeat:no-repeat; border: solid #006400; border-width: 1px 1px 1px 20px; color: #00008B; font: 16px ‘Times New Roman’, Times, serif; line-height: 20px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 25px; overflow: auto; padding: 30px 16px 16px; width: 90%; } .code:hover { background-repeat:no-repeat; }
 
Step 4. Iske baad Apne blog post ke Html section par click kare or jaha par Aap Stylish code box Add karna chahte hai waha par niche diye code ko paste kar dijiye.
 
<div class="code">Paste Code Here</div>
 
Step 5. Ab is code me “ paste code here “ ki jagah par Apna code Add karke save kar dijiye.
 
Ab Apne blog post ka preview dekh lijiye code box Add ho gaya hoga. Agar Aapko code box ke bare me koi sawal puchna ho to comment karke jarur bataye.
I hope Aapko ye post pasand Aaya hoga isko Apne social media Friends ke sath share karne ke liye niche diye social buttons par kare.

Comments (1)

Leave a Reply

Your email address will not be published. Required fields are marked *