Blogger post me html code box kaise lagaye

नमस्कार दोस्तों, आज की पोस्ट में आपको बताया गया है कि “Blogger post me html code box kaise lagaye”, इस पोस्ट में हमने आपके साथ दो कोड बॉक्स की कोडिंग साझा की है,

आपको यहां बताए गए कोड बॉक्स में से जो भी कोड बॉक्स पसंद आता है, आप उसकी कोडिंग को डाउनलोड करके अपनी ब्लॉग पोस्ट में यूज कर सकते हैं,

blogger post me html code box kaise lagaye

अगर आप अपनी वेबसाइट के अंदर कोड बॉक्स ऐड करना चाहते हैं, तो हमारी इस पोस्ट को लास्ट तक जरूर पढ़ें।

Html code box kya hota hai | code box kya kaam aata hai-

दोस्तों वेबसाइट के अंदर ब्लॉग पोस्ट में html code बॉक्स को इसलिए ऐड किया जाता है, ताकि हम अपने किसी एक्स्ट्रा कोड को या अपनी किसी भी जानकारी को कोड बॉक्स के जरिए सभी के साथ साझा कर सकें,

ताकि हर कोई कोड बॉक्स में से हमारी बताई जानकारी को अपने पास सेव करके रख सके, साथ ही दोस्तों कोड बॉक्स लगाने से हमारी ब्लॉग पोस्ट के अंदर हम जो भी टेक्स्ट या कोड लिखते हैं, उस पर हमारे सभी विजिटर्स की नजर सबसे पहले पड़ती है और उसे वह जरूर रीड करते हैं,

इसलिए सभी ब्लॉगर अपनी वेबसाइट की ब्लॉग पोस्ट में जब उन्हें किसी चीज को हाईलाइट करना हो या किसी कोड को सभी के साथ साझा करना हो, तो उस कंडीशन में हम कोड बॉक्स का इस्तेमाल करते हैं,

मुझे उम्मीद है आपको समझ में आ गया होगा कोड बॉक्स क्या है और इसे हम कहां इस्तेमाल करते हैं।

Blogger & wordpress html code box

दोस्तों यहां आपके साथ दो html कोड बॉक्स की कोडिंग को साझा किया गया है, जिसे आप यहां से फ्री में डाउनलोड भी कर सकते हैं और फिर उसे अपनी वेबसाइट की ब्लॉग पोस्ट में ऐड कर सकते हैं,

No 1. Simple Html code box

अगर आप अपनी वेबसाइट के अंदर एक सिंपल कोड बॉक्स लगाना चाहते हैं, तो आप नीचे दी गई कोडिंग को डाउनलोड कर सकते हैं,

<form><textarea rows="5" cols="40" onClick=select() 
readonly>Your Text Here</textarea></form>

दोस्तों इस कोड बॉक्स में अपनी कोड या किसी भी टेक्स्ट को आप अगर ऐड करना चाहते हैं, तो इस कोडिंग के अंदर आपको जो “Your Text Here” लिखा मिलता है, उसे आप हटाकर अपना टेक्स्ट या कोड ऐड कर सकते हैं,

Simple Html code box
Simple Html code box

No 2. Advanced html code box

दोस्तों अगर आप एक अच्छा दिखने वाला code बॉक्स अपनी ब्लॉग पोस्ट के अंदर लगाना चाहते हैं, तो आप यहां बताए गए advance html कोड बॉक्स का इस्तेमाल कर सकते हैं,

इसकी कोडिंग के अंदर आपको कुछ एक्स्ट्रा फीचर्स देखने को मिल जाते हैं, जैसे कि आप इस कोड बॉक्स के अंदर एक हेडिंग भी डाल सकते हैं, साथ ही कोड बॉक्स की बॉर्डर का कलर बदल सकते हैं और बॉर्डर की साइज को कम या ज्यादा भी कर सकते हैं,

<head>
<style>

#example2 {
  border: 4px solid black;
border-color: #FF4000;
  background:url(img_flwr.gif);
  background-repeat: no-repeat;
  padding:15px;
}
</style>
</head>
<body>

<div id="example2">
  <h2 style="text-align: center;">
<span style="background-color: white; color: blue;"><strong>heading</strong></span></h2>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="background-color: white;"><strong>Android </strong></span><span style="background-color: white;"><strong>Your text here</strong></span></div>

</div>
</div>
</body>

यहां पर आपके साथ एडवांस कोड बॉक्स की कोडिंग साझा की है, जिसे आप डाउनलोड कर सकते हैं,

Conclusion:

आज की पोस्ट में हमने आपके साथ दो एचटीएमएल कोड बॉक्स की कोडिंग साझा की है जिन्हें आप यहां से फ्री में डाउनलोड कर सकते हैं,

दोस्तों यहां बताए गए code बॉक्स से रिलेटेड आपके कोई भी सवाल हो तो आप हमें कमेंट करके पूछ सकते हैं साथ ही इस पोस्ट को अपने दोस्तों के साथ भी जरूर साझा करें,

आगे भी अगर आप इसी तरह की अपडेट प्राप्त करना चाहते हैं तो हमारी वेबसाइट पर subscribe करके जाएं, धन्यवाद।

Read More Article:

Share This Post:

Leave a Reply

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