Blogger post me Code box ko kaise use kare ?

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 code for code box –

                       Is step se aapko jab bhi post me code ko add karenge ,Tab tab Lagana padega.
Yah step bahut hi simple hai  jab aap post likhte hai Post edit me 2 option 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 example to comment box and the others have said I was wondering what the heck out
Yadi box ko aur customize karke bada karna chahte hai to
co apne anusar bada kar sakte hai

Type-2 Automatic Code box For Automatic add ?

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

Code 1

  • First aapko apna blogger account login karke blog dashboard me jana hai,
  • Ab Blog template section me Html Edit per click kare.
  • Ab aapko  CTRL+F) button daba kar is code ko search karna hai ]]></b:skin>
  • Niche diye gaye code ko just ]]></b:skin> 
    Ke uper paste kar dena hai.
/* css Code Box of https://www.hindihelp4u.com*/ .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; }

Code 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;
}

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

You may also like...

2 Responses

  1. ram shing says:

    Thanks sir i got it , bahut achhi jankari di hai aapne.

Leave a Reply

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