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

SHARE ON SOCIAL MEADIA
Whatsapp

Leave a Reply

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