WordPress Aur Blogger Blog Ki Post Me Code Box Ko Kaise Add Kare


WordPress aur blogger blog ki post ke beech me code box ko add karne ki jankari – blogger aur wordpress platform par kuchh features ko apne blog / website me add karne  ke liye html code ki zaroorat padti hai. agar hame aise kisi topic par post likhni pade to to post me hame code box ko add karke html code ko bhi show karna hota hai. jisse ki readers hamari post ko samajh sake, aur code box ke code ko copy karke apne blog me paste karke features ka use kar sake.

Wordpress Aur Blogger Blog Ki Post Me Code Box Ko Kaise Add Kare

Lekin jin bloggers ko code box ke baare me jankari nahi hoti, we html code ko post content ke sath hi add kardete hai. jisse readers ko post samajhne me pareshani hoti hai, aur agar kisi ne post content ko copy hone se protect kiya huwa hota hai, to readers content ke alawa code ko bhi copy nahi kar pate.



Eske alawa sabhi code copyright hote hai. kyuki blog / website me features add karne ke liye kisi ek code ko na jane kitne blogs aur websites par publish kiya huwa hota hai. post content ke sath hi code ko use karne ki wajah se google hamari pooori post ko hi copyright maan sakta hai, aur phir search engine me show hone se block bhi kar sakta hai.

Esliye en sab problems se bachne ke liye hame code box ka use karna padta hai. code box me hame html code, java script code, special characters, aur css code aadi ko add karke apni blog post me show karna hota hai.



Eska pehla fayda to ye hota hai ki google ki nazro me hamari post copyright nahi hoti. Aur doosra fayda ye hota hai ki agar kisi blogger ne apne post content ko copy hone se protect kiya hai, tab bhi visitors code box me diye gaye code ko copy kar sakte hai.

Agar aap bhi wordpress platform ya blogger platform par blogging karte hai, to es post ko carefully read kare. Kyuki es post me ham janege ki wordpress aur blogger blog ki post ke beech me code box ko kaise add karte hai, aur code box me html code, javascript code, special characters, aur css code aadi ko ad kaise karte hai.

WordPress blog ki post me code box ko kaise add kare

WordPress.org platform par banaye gaye blog / website ki post me code box ko add karne ke liye hame sabse pehle apne wordpress blog dashboard me plugins ke option par apne mouse ke cursor ko le jakar open huwe another option me se ‘add new’ ke option par click karna hoga. Aur new page par hame ‘crayon syntax highlighter’ plugin ko search karna hoga.

Es plugin ki help se hame apni kitni bhi post me aur kitna bhi long code ko code box me add kar sakte hai. ye plugin bilkul free hai.

Step 1. Crayon syntax highlighter plugin

Crayon syntax highlighter plugin ko search hote hi hame eske samne show ho rahe install button par click karke activate karna hoga.

Crayon syntax highlighter plugin ke activate hote hi hame jis post me code box ko add karna hai, ouse open karna hoga.

Step 2. Open post

  1. Ab hame apni post me code box ko add karne ke liye post editor ke toolbar me ek icont show hoga.
  2. Ab hame apni post me jahan code box ko add karna hai, wahan click karna hoga.
  3. Aur phir post editor ke toolbar me show ho rahe code box ko add karne ke icom par click karna hoga.

Click karte hi hamare samne ek new box open hoga, jisme hame apne code ko paste karna hai.

Step3. Paste your code



  1. Jis code ko code box me show karna hai, ouse yahan paste kare.
  2. Ab ‘add’ button par click kare.

Add button par click karte hi hame apne post editor me code box show hone lagega.

Step 4. Publish your post

  1. Post editor me heme content ke sath hi ek code box show hoga. Aur ousme wo code bhi show hoga. Jisko ham apne code box me show karna chahte hai.
  2. Ab normally, ham roz jaise har post ko publish karte hai, es post ki bhi baki settings ko karke publish kar sakte hai.

Post ke publish hote hi hame apne wordpress blog ki post me code box show hone lagega.

Step 5. View post

Ab ham apni post me code box ko dekh sakte hai. crayon syntax highlighter plugin ki help se hame code box ke bahut sare design change kar skate hai. eske liye hame crayon syntax highlighter plugin ki setting karni padti hai.

es tarah se ham wordpress.org platform par banaye gaye apen bog / website ki kitni bhi post me kitna bhi lamba code, code box me add kar sakte hai.

Blogger blog ki post me code box ko kaise add kare

Blogger.com platform par banaye gaye blog / website ki post me code box ko add karne ke liye hame ek code ko apni post ke html section me use karna hota hai. sabse pehle neeche diye es code ko copy kare.

<form><textarea cols="”40″" onclick="select()" readonly="" rows="”5″" style="height: 70px; width: 500px;">HELPFUL SMART BOOK</textarea></form>

Es code ko copy karne ke baad hame jis post me code box ko add karna hai, ouse open kare.

Step 1. Open post editor

  1. Html par click kare.
  2. Jahan bhi code box ko add karna hai, waha click karke oupar diye gaye code ko paste karde.
  3. Ab es code me se HELPFUL SMART BOOK ko hatakar, apne ous code ko paste karde, jise hame code box me show karna hai.
  4. Ab post ke baki steps ko bhi poora krke, publish button par click kare post ko publish karde.

Publish karte hi blogger.com par banaye gaye hamare blog ki post me code box show hone lagega.

Step 2. View post

Ab ham apni post ko kisi bhi browser me open karke dekh sakte hai, hame apni post me code box ke sathe ousme code bhi show hoga. Es tarah se ham blogger.com platform par banaye gaye blog ki kisi bhi post me code box ko add kar sakte hai.

Code box ko add karne ke fayde kya hai

Hamari post ka look achcha dikhta hai. Kisi bhi readers ko post read karne me koei problem nahi hoti. Readers post me show ho rahe code ko easily copy kar sakte hai. Google hamari post ko copyright nahi manta. aur Ham apne blog ke post content ko copy hone se protect bhi karde, tab bhi hamari post ke code box me show ho rahe code ko readers aasani se copy karke apne blog / website me use kar sakte hai.

I hope, es post ko padhne ke baad aap jaan gaye honge ki code box kya hota hai, aur wordpress blog aur blogger blog me code box ko kaise add karte hai.

You may also like...

1 Comment

Add a Comment

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