How To Add Contact Form (Contact Us Page) in Blogger? In hindi

ब्लॉगर में हमसे संपर्क फ़ॉर्म जोड़ना एक कठिन काम है क्योंकि यह वर्डप्रेस जैसे प्लगइन्स का समर्थन नहीं करता है।

 ब्लॉगस्पॉट के अधिकांश ब्लॉगर थर्ड-पार्टी साइट्स (फॉक्सफॉर्म, जोटफॉर्म, 123 कॉन्टैक्टफॉर्म, आदि) की मदद लेना चाहते हैं।

 ब्लॉगर संपर्क फ़ॉर्म पेज लेकिन आज, आप ब्लॉगर में आधिकारिक संपर्क पृष्ठ जोड़ने का तरीका जानने जा रहे हैं।

 जैसा कि मैंने पहले कहा था, पार्क में टहलने की तरह नए पृष्ठों में सम्मिलित किए जाने वाले तृतीय-पक्ष कोड प्राप्त करना संभव है।  फिर भी, आधिकारिक संपर्क फ़ॉर्म उनसे कहीं बेहतर है।

आधिकारिक ब्लॉगर फॉर्म के लाभ

जैसे ही आप इसे भेजेंगे आपको संदेश मिल जाएगा।  और, सुपुर्दगी 100% है।

 सरल इंटरफ़ेस आगंतुकों के लिए आपसे संपर्क करना आसान बनाता है।

 यदि आप कैस्केड स्टाइल शीट (सीएसएस) भाषा जानते हैं, तो आपके लिए अपनी पसंद के अनुसार फ़ॉर्म को अनुकूलित करना आसान होगा।

 संदेश भेजने के लिए पूरे पृष्ठ को पुनः लोड नहीं किया जाएगा।

मैंने इस ट्यूटोरियल को तीन खंडों में विभाजित किया है, संपर्क गैजेट को जोड़ते हुए, इसे छिपाते हुए और एक नए पृष्ठ में आधिकारिक कोड लागू किया है।

भाग 1: संपर्क गैजेट जोड़ना

अपने ब्लॉग पर हमसे संपर्क गैजेट जोड़ने के लिए नीचे दिए गए चरणों का पालन करें।

 चरण 1: blogger.com पर जाएँ और अपने खाते में प्रवेश करें।  यदि आप कई ब्लॉग चला रहे हैं, तो आपको सूची से वांछित ब्लॉग चुनने की आवश्यकता है।

 चरण 2: गैजेट जोड़ने के लिए एक विकल्प प्राप्त करने के लिए बाएं साइडबार से लेआउट पर क्लिक करें।

चरण 3: आप दाईं ओर मुख्य पैनल पर एक गैजेट जोड़ें लिंक देख सकते हैं।  इस पर क्लिक करने से आप गैजेट्स की सूची में आ जाएंगे।

चरण 4: फिर, बाईं ओर से अधिक गैजेट चुनें।  अब, आप संपर्क फ़ॉर्म देखेंगे।  बस वही जोड़ दो।

भाग 2: गैजेट छुपाना

अब, आप सीखने जा रहे हैं कि संपर्क गैजेट को कैसे छिपाया जाए।

चरण 1: हमें यहां टेम्पलेट सेक्शन के साथ खेलना होगा।  तो, बाएँ मेनू से टेम्पलेट पर क्लिक करें।

चरण 2: फिर, संपादित करें HTML पर क्लिक करें और आपको एक बड़े क्षेत्र में अपने ब्लॉग के पूरे कोड के साथ प्रदान किया जाएगा।

चरण 3: खोज के लिए]]> </ b: skin> और इसके ठीक पहले निम्न कोड रखें

div#ContactForm1 { 
display: none !important;
}

फिर, परिवर्तनों को बनाए रखने के लिए सहेजें पर क्लिक करें।

 तीसरे चरण के बाद, आप अपने ब्लॉग पर संपर्क विजेट नहीं देखेंगे।

भाग - 3: पृष्ठ पर संपर्क फ़ॉर्म जोड़ना

आपको यहां अनुकूलित आधिकारिक ब्लॉगर संपर्क फ़ॉर्म कोड मिलेगा जिसे एक अलग पृष्ठ पर दिखाया जाना है।

 चरण 1: पृष्ठों पर जाएं और नए पृष्ठ पर क्लिक करें।

चरण 2: इसमें सब कुछ हटाने के बाद HTML कोड संपादक में निम्न कोड पेस्ट करें।

<div id=”custom_ContactForm1″ class=”widget ContactForm”>
<div class=”contact-form-widget”>
<p>Get in touch with us by filling out the form below.</p>
<div class=”form”>
<form name=”contact-form”>
<p></p>
Name
<br>
<input type=”text” value=”” size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>
<p></p>
Email
<span style=”font-weight: bolder;”>*</span>
<br>
<input type=”text” value=”” size=”30″ name=”email” id=”ContactForm1_contact-form-email” class=”contact-form-email”>
<p></p>
Message
<span style=”font-weight: bolder;”>*</span>
<br>
<textarea rows=”5″ name=”email-message” id=”ContactForm1_contact-form-email-message” cols=”25″ class=”contact-form-email-message”></textarea>
<p></p>
<input type=”button” value=”Send” id=”ContactForm1_contact-form-submit” class=”contact-form-button contact-form-button-submit”>
<p></p>
<div style=”text-align: center; max-width: 222px; width: 100%”>
<p id=”ContactForm1_contact-form-error-message” class=”contact-form-error-message”></p>
<p id=”ContactForm1_contact-form-success-message” class=”contact-form-success-message”></p>
</div>
</form>
</div>
</div>
<div class=”clear”></div>
<span class=”widget-item-control”>
<span class=”item-control blog-admin”>
<a title=”Edit” target=”configContactForm1″ onclick=”return _WidgetManager._PopupConfig(document.getElementById(“ContactForm1″));” href=”//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1″ class=”quickedit”>
<img width=”18″ height=”18″ src=”//img1.blogblog.com/img/icon18_wrench_allbkg.png” alt=””>
</a>
</span>
</span>
<div class=”clear”></div>
</div>

चरण 3: एक शीर्षक जोड़ें (जैसे हमसे संपर्क करें) और फिर नीचे दी गई सेटिंग्स को ठीक से बदल दें।

चरण 4: अंत में, प्रकाशित करें बटन पर क्लिक करें।  बस इतना ही।

 इस संपर्क फ़ॉर्म से भेजे गए संदेशों को व्यवस्थापक ईमेल पर वितरित किया जाएगा।  यदि ब्लॉग में एक से अधिक व्यवस्थापक हैं, तो वे सभी इसे प्राप्त करेंगे।