How to Add HTML code in blogger post – Puri Jankari Hindi Me

हेल्लो दोस्तों इस पोस्ट में हम जानेंगे की how to add html code in blogger post अगर आप एक नए ब्लॉगर है और आपको blog post me code box add कैसे करे की जानकारी नहीं है तो ये पोस्ट आपके लिए बहुत ही फायदेमंद होने वाली है

ब्लॉगर के पोस्ट में Code box लगाने के बाद अपने विजिटर को code box के अंदर जो content होता है उसे copy करने और सही से समझाने में मदद मिलती है साथ ही post में code box add करने के बाद content साफ सुथरा लगता है जिससे विजिटर आपके ब्लॉग पर आना पसंद करते है |

इस पोस्ट में मैं आपको दो तरीको से blog post में code add करना बताऊंगा जिससे आप अपने विजिटर को post में code related content अच्छे से दिखा पाएंगे |

Blog Post में HTML/CSS Code Box Add करना क्यों जरुरी है?

दोस्तों जब हम अपने ब्लॉग में Text Content पर copy pasting disable कर देते है तो उस स्तिथि में post में code box लगाना बहुत ही जरुरी हो जाता है ताकि आपके विजिटर आपके द्वारा दिए गये content या code को copy कर सके | और साथ ही post में code box add करने के बाद उसमे जो कंटेंट होता है उसे आपके विजिटर अच्छे से समझ सके | तो दोस्तों आप समझ गये होंगे की post में HTML/CSS code box add करना क्यों जरुरी है |

how to add html code in blogger post?

यहाँ में आपको दो सिंपल तरीको से Blog post में HTML/CSS Code add करना बताऊंगा जो आपको आसान लगे उसे यूज़ कर सकते है

 1. First Method

Step 1

1 सबसे पहले Box में दिए गए code को copy कर ले |

code,pre{-webkit-user-select:text;overflow:auto;
font-size:smaller;font-family:monospace;color:#333}
pre{resize:auto;padding:1em!important;
white-space:pre-wrap;word-wrap:break-word;
border:1px solid #000099;
border-left:5px solid #000099;
font-style:italic!important}

2. अब blogger.com पर लॉग इन करे और dashboard में जाये | Theme/Template पर क्लिक करें | Customize पर क्लिक करें |

. 3 . यहाँ Advanced पर क्लिक करे |

4.  अब Add CSS पर क्लिक कर दें |

5.  उपर दिए गए CSS code को कॉपी करके CSS बॉक्स में पेस्ट करें

6. और लास्ट में Save पर क्लिक करें |

दोस्तों जब हम अपने ब्लॉग में Text Content पर copy pasting disable कर देते है तो उस स्तिथि में post में code box लगाना बहुत ही जरुरी हो जाता है ताकि आपके विजिटर आपके द्वारा दिए गये content या code को copy कर सके | और साथ ही post में code box add करने के बाद उसमे जो कंटेंट होता है उसे आपके विजिटर अच्छे से समझ सके | तो दोस्तों आप समझ गये होंगे की post में HTML/CSS code box add करना क्यों जरुरी है |

Blog Post Me Code Box Kaise add Karte Hai ?

यहाँ में आपको दो सिंपल तरीको से Blog post में HTML/CSS Code add करना बताऊंगा जो आपको आसान लगे उसे यूज़ कर सकते है

html code

 1. First Method

Step 1

1 सबसे पहले Box में दिए गए code को copy कर ले |

code,pre{-webkit-user-select:text;overflow:auto;
font-size:smaller;font-family:monospace;color:#333}
pre{resize:auto;padding:1em!important;
white-space:pre-wrap;word-wrap:break-word;
border:1px solid #000099;
border-left:5px solid #000099;
font-style:italic!important}

2. अब blogger.com पर लॉग इन करे और dashboard में जाये | Theme/Template पर क्लिक करें | Customize पर क्लिक करें |

. 3 . यहाँ Advanced पर क्लिक करे |

4.  अब Add CSS पर क्लिक कर दें |

5.  उपर दिए गए CSS code को कॉपी करके CSS बॉक्स में पेस्ट करें

6. और लास्ट में Save पर क्लिक करें |

Step 2

अब जिस भी पोस्ट में code box use करना है उस post को ओपन करें | और HTML पर क्लिक करें | और अब post में जिस जगह पर code box add करना है उस जगह पर इसे लिखकर <pre>Paste Your Code or Contents Here</pre>paste करें | \

<pre> और </pre>के बीच में अपने text या कोई भी content को लिखे और compose पर क्लिक करें | इस तरह से आप code को <pre> और </pre> के बीच में रखकर पोस्ट में code box add कर सकते है |

2. Second Method

Step 1

code,pre{-webkit-user-select:text;overflow:auto;
font-size:smaller;font-family:monospace;color:#333}
pre{resize:auto;padding:1em!important;
white-space:pre-wrap;word-wrap:break-word;
border:1px solid #000099;
border-left:5px solid #000099;
font-style:italic!important}

1 सबसे पहले उपर Box में दिए गए code को copy कर ले |

Step 2

  1. अब blogger.com पर लॉग इन करे और dashboard में जाये |
  2. अब Theme/Template पर क्लिक करें |
  3.  Edit HTML पर क्लिक करें |

Step 3

अब Edit HTML पर क्लिक करें Edit HTML पर क्लिक करते ही HTML एडिटर ओपन हो जायेगा |

  1. अब Editor में कही पर भी क्लिक करे और Ctrl + F इंटर करें |
  2. HTML एडिटर में Search Box  ओपन होने के बाद उसमे ]]></b:skin> लिखकर इंटर करें |
  3. अब उपर copy किये code को ]]></b:skin> इसके ऊपर paste कर दें |
  4. अब save पर क्लिक करें |

Srep 4

अब जिस भी पोस्ट में code box use करना है उस post को ओपन करें |

. अब HTML पर क्लिक करें |

  1. अब post में जिस जगह पर code box add करना है उस जगह पर इसे लिखकर <pre>Paste Your Code or Contents Here</pre>paste करें |
  2. <pre> और </pre>के बीच में अपने text या कोई भी content को लिखे और compose पर क्लिक करें | इस तरह से आप code को <pre> और </pre> के बीच में रखकर पोस्ट में code box add कर सकते है |

Note: code को template में add करने से पहले template का backup जरुर ले |

तो दोस्तों आप जान गए होंगे की how to add html code in blogger post /blog post me HTML or CSS code box kaise use karte hai. इस तरह से आप अपने Blog post में code box add कर सकते है|

Spread the love

Leave a Comment