Blog Post Me Code Box Kaise Add Kare - Puri Jankari Hindi Me

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

blog post me code box kaise add kare puri jankari hindi me

इस पोस्ट में मैं आपको दो तरीको से 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 करना क्यों जरुरी है |

Blog Post Me Code Box Kaise add Karte Hai ?

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

First 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. अब Customize पर क्लिक करें |
Blogspot post me code box kaise add kare

Step 3
Customize पर क्लिक करते ही एक पेज ओपन होगा |


blog post me html code box kaise add kare

1. यहाँ advanced पर क्लिक करें |
2. अब Add CSS option पर क्लिक करें |
3. अब उपर copy किये code को इसमें paste करदें फिर Apply to blog पर click करें |

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


blog post me html code box kaise add kare

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

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

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 पर क्लिक करें |
blogspot post me code box kaise banate hai

Step 3
अब Edit HTML पर क्लिक करें Edit HTML पर क्लिक करते ही HTML एडिटर ओपन हो जायेगा |
blog post me code box kaise add karte hai

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

Step 4
अब जिस भी पोस्ट में code box use करना है उस post को ओपन करें |
blog post me html code box kaise add kare

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

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

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


अगर आपको blog के post में code box add करने में कोई प्रॉब्लम होती है तो आप मुझे कमेंट में जरुर बताये अगर आपको ये पोस्ट पसंद आयी हो तो अपने दोस्तों के साथ social media पर जरुर share करें |
Blog Post Me Code Box Kaise Add Kare - Puri Jankari Hindi Me Blog Post Me Code Box Kaise Add Kare - Puri Jankari Hindi Me Reviewed by Admin on December 16, 2017 Rating: 5

2 comments:

  1. bhut achhi post share ki hai
    https://trick4inspire.blogspot.com/

    ReplyDelete

Powered by Blogger.