Tag Archives: Post code box

Blogger post me Code box ko kaise use kare ( how to use code box in blogger post)

Hi blogger blog post me code box kaise lagaye ,Aaj me aap log ke liye bahut hi achha post laya hu jo ki har blogger ko pata hona chahiye. Is pest me aap janenge ki post me code box ko kaise lagate hai.

Blogger post me Code box ko kaise use kare ?

Blogger post me Code box ko 2 type se use kar sakte hai.

1-Manually-

                       Is step se aapko jab bhi post me code ko add karenge ,Tab tab Lagana padega.
Yah step bahut hi siple hai …
Post edit me 2 ption hota hai
1 Compose   2- HTML
Is step me aapko html per click karna hai. Niche diye hue code ko copy karke paste karna hai

<textarea name=”textarea” cols=”40″ rows=”4″ wrap=”VIRTUAL”>
YOUR CODE GOES HERE
</textarea>

JO bhi html code blog post me box me dalna hai. Use YOUR CODE GOES HERE ko hata kar paste kar dena hai. Bas ho gya
Example-
YOUR CODE GOES HERE by ixample to comment box and the others have said I was wondering what the heck out
Yadi box ko aur bada karna chahte hai to cols=”40″   rows= 4 me apne anusar bada kar sakte hai

-Type-1

Is type se bar bar post ke samay code box lagane ki jarurat nhi padegi automatically box add ho jayega.

Edit your blog’s HTML code. 
a. Follow this guide to get to where you press “Edit
HTML”.

b. Then Find (press CTRL+F) this: ]]></b:skin>

c. Add this code ke uper (above)  ]]></b:skin>



/* css Code Box of https://hinditechhunt.blogspot.in */ .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; }

Type 2-

/* Code Box
———————————————– */

.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: 10px 10px 10px; width: 90%;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}Apne post ke HTML me jaye aur niche diye code ko post kar de


<div class=”code”>
YOUR CODE 
</div> 

Paste kar ke save kar de…

Is post ko dosto ko share jarur kare…
Yadi aap ko is post se releted kuch puchna hai to comment kare

wordpress post me html code box kaise add kar

WordPress blog post me code box add karna bahut hi simple hai. Plugin se bhi add kar sakte hai aur direct post se bhi add kar sakte hai. Yaha aaj main aapko dono tarika bataunga.

Add_code_box_in_blog_post
Code box

WordPress blog post page me code box add kare.

WordPress blog post me code box add karna bahut hi simple hai.

  • Sabse pahle apne blog ke post me jaye jaha aapko code box add karna hai.
  • Ab jo code hai waha likhe aur usko select kar le.

 

  • Ab post ke uper jaye paragraph section me aapko preformatted ka option hoga us per click kar de.
  • Bas aapka kaam ho gya ab post ko preview karke dekhe aapka code box me dikhayi dega.

Example- jaise maine ek code likha hua hai..

$_+$+))#++#($-$(

Ab ise ham box me karne ke liye pahle to ham isko select kar lenge.

Ab uper jaha se ham headlines chose karte hai waha sabse bich preformatted hai us per click kardenge

$_+$+))#++#($-$(

Yadi aapko code box coler change karna hai to niche diye gaye css code ko apne blog me add karna hoga.

pre {
border:1px solid #ccc;
padding:5px 10px;
background: #f8f8f8;
font-size: 12px;
margin-right: 50px;
}

Isme aap apne code box background color and txt coler apne tarah se change customized kar sakte hai.

How to add css code in WordPress blog-

  • Go to>>Appearance>>Edit css>>add css>>ab apne css ko paste karke.
  • Saved kar do..

Read more…

Blogger blog shift wordpress per without any loss ( full guide)

stylishl Like and dislike button code for blog or website post ke niche lagaye.

Add code box under post by plugin

WordPress 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

Ab hame apni post me code box ko add karne ke liye post editor ke toolbar me ek icont show hoga.
Ab hame apni post me jahan code box ko add karna hai, wahan click karna hoga.
Aur phir post editor ke toolbar me show ho rahe code box ko add karne ke icon 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

Jis code ko code box me show karna hai, ouse yahan paste kare.
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

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