Blogger Post Article Me HTML-CSS Code Box kaise Add kare

                Hello Friends….!! Aaj Ham Blog Post Ke Sath Code Box Kaise Add Kar Sakate Hai ? Ise Shikhenge. Meri Bat Bata Du Ki Mai 2009 Se Blogging Kar Raha Hu. Muje 2012 Me Ye ” Code Box   ” Ka Tips Ka pata Laga. Is Hisab Se Aap Lucky Hai. Kyuki Kai Blogger Ne Ye Tips Ke Bare Me Bata Diya Hai. Lekin Vo Sab English Me Hai. Isaliye Maine Hindi Me Article Likhana Sochha.

Agar AAp Apne Blog/website Me Blogger aur Website Ke Bare Me Post Likh Rahe Hai To Aapke Liye Ye Tips Badhiya Hai. Code Box Ke Bina Ham Code Post Me Lagane ka Prayas Kare To Kya haota hai…? HTML Code Ho to Aapka Design Hi Change Ho Jata Hai Na…!! Kisi Ke Blog Mese Bhi Ye Copy Karna Namumkin Jisa hai. Aap Ye Tips Ke Bare Me Jan Lijiye Taki Koi Problem Na Ho.

Post Me Code Box Add Karne Ke Liye Kai Website Ye Suvidha Deti Hai.Jise Ki WordPress Me Usake Liye Special plugins ka Upayog Hota Hai. Kai Tools Bhi Hai. jahan Se Aap Box Ke Liye Code Bana Sakate Hai. Lekin Koi Apna Bhai Nahi hai..! Code Ke Sath Unake Site Ke Link Aur Code Hame Copy Karva Lete hai. Darana Mat Ham To Aisa Kuch Nahi Karenge.

Also Read : HTML to Xml Code Convert kaise kare ?

Ham Is Post Me Do Tarh Ke Code Box Banane Ke bare Me Janenge.

A. Simple Code Box :

1. Simple Code Box Add karna Ek Aasan Tarika Hai. Sabase pahale Aap Hamare Code Box  se Ye Code Copy Kar Lijiye.

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

2. Ab Post Box Me Apana Article Likhane Lago. Jab Aapko  Lage Ki Yahan Muje Code rakhane Hai Tab ” HTML ” Pe Click Kijiye.

3. Jo Aapne Code Copy Kiya Hai Wo rakh Dijiye. ” YOUR TEXT HERE ” Wo Nikal Ke Apni Text ya Code Waha rakh Dijiye. Fir “Compose” Me Aa jaiye. Aur Apna Aricle Pura Karke Publish Kar Dijiye. Ho Gaya..!!

B. Styles Code Box :

1. Blogger Deshboard Me Jaye. ” template ” Ka Option Click Kar Ke  ” Edit HTML ” Pe Click Kare. Code Open Honge.

2. HTML Code Me Kahi Bhi Click karke ”  CTRL+F ” key Dabaiye. Search Box Khulega. Usame  ]]></b:skin> search kare.

3.]]></b:skin> ” Ye Mil Jaye To Usake Upar Ke Hisse Me  yahn Box Me hai Wo Code Copy Karke Paste kare.

/* 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;}

4. ” SAVE ” Par Click kar De.

5. Ab Post/Aricle Likhne Chale Jaiye. Article Me Jab Aapko Code Box Rakhne Ki Jarurat Ho To ” HTML ” select kare

6. Jaha Code Box rakhana hai Vaha

 <div class=”code”>
YOUR CODE
</div>
 Ye Code Copy Karke Paste kar De.

7.YOUR CODE ” Ye Word Nikal Ke Apne Code Ya Text Rakha Dijiye.

8.  Aur Apna Aricle Pura Karke Publish Kar Dijiye. Post Ko Dekh Lijiye. Aapka Kam Ho gaya Na. Kisa Laga Ye Tips Hame Comment Me Jarur Bataiyega. Aur Apne Dosto Ko Bhi Share karke Help Karna Na Bhule…!!!

1 thought on “Blogger Post Article Me HTML-CSS Code Box kaise Add kare

Leave a Reply

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