How To Add Code Box In Blog Post / Blog Me HTML Code Box Kese Add Kare

ब्लॉग में HTML कोड बॉक्स कैसे ऐड करें

For Example

<!DOCTYPE html>
<html>
<head>
<style>
.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #0000FF;} /* blue */

</style>
</head>
<body>

<h1>Hello Dosto free me bloging course sikhne ke liye </h1>
<p>mynimach.com par ja skte ho :</p>
<a href="https://www.mynimach.com" >
<button class="button button1">Cick Here</button>


</body>
</html>
.

इस तरह का कोड Box बनाना बहुत ही आसान है बस आपको HTML कोड कॉपी करना है और अपनी पोस्ट में पेस्ट करना है कुछ आसान स्टेप को फॉलो करके आप अपनी पोस्ट में इस तरह का कोड बॉक्स आसानी से बना सकते हैं

सबसे पहले आप अपने BLOG में लॉगिन कीजिए
वह पोस्ट ओपन कीजिए जिसमें आपको ऐसा कोड बॉक्स लगाना है
HTML View पर क्लिक कीजिए जोकि टाइटल के नीचे वाली लाइन में दिया गया है

HTML Code Box In Blogger
यह HTML कोड कॉपी कीजिए और पोस्ट में जिस जगह आपको यह Cod Box ऐड करना है वहां पेस्ट कर दीजिए
HTML Code <form> <textarea cols="40" onclick="select()" readonly="" rows="5">Your Code.
अब इस कोड में Your Code की जगह आपको जो भी कोड देना है उसको पेस्ट कर दीजिए या लिख दीजिए
आपका कोड पेस्ट करने के बाद या लिखने के बाद आपको डॉट. के बाद यह लिखना जरूरी है </textarea><br /><br />
अब जहां से आपने HTML View पर क्लिक किया था वहां से पुनः Compose view पर क्लिक कीजिए
आपको एक टेबल दिखाई देगी जिसमें आपका कोड लिखा हुआ होगा
इस बॉक्स की साइज को बदलने के लिए इसकी बॉर्डर पर माउस पॉइंट ले जाकर लेफ्ट mouse key दबा कर रखिए है और साइज को बड़ा या छोटा कर दीजिए
आपकी पोस्ट में Code Box लग गया है अब आप पोस्ट को सेव कर दीजिए

इस तरह आप एक अच्छी Blog पोस्ट बना सकते हैं ब्लॉक पोस्ट में उपयोग होने वाले HTML कोड को सीखने के लिए हमें फॉलो जरूर करें

Facebook Page ..... Click Here

Telegram ...... Click Here

कोड बॉक्स क्या होता है - यह एक ऐसा बॉक्स या टेबल होती है जिसके अंदर हम एचटीएमएल कोड या फिर अन्य कोई सी भी जानकारी दे सकते हैं यह जानकारी हमारी पोस्ट में एक अलग तरह से प्रदर्शित होती है
कोड बॉक्स का उपयोग - यदि हम एक वेबसाइट डेवलपमेंट कोर्स की वेबसाइट बनाते हैं या ब्लॉक बनाते हैं तो हमें एचटीएमएल कोड एवं जावा कोड हमारे ब्लॉक में प्रदर्शित करना होता है जिसको हम सीधे ही ब्लॉक में नहीं दे सकते क्योंकि वह हमारे ब्लॉक में सही से प्रदर्शित नहीं होता और ना ही पढ़ने वाले को समझ आता है तथा उसे कॉपी करना भी मुश्किल होता है इसीलिए हम कोड बॉक्स का उपयोगकरते हैं

यह भी जाने -

ब्लॉग में बटन कैसे ऐड करें
ब्लॉग में जंप लिंक कैसे ऐड करें

How To Add Code Box In Blog Post / Blog Me HTML Code Box Kese Add Kare

यह भी जाने -

Post a Comment

Contact form