Blogger Me Contact Us Form Kaise Banaye? [हिंदी में]

Blogger Me Contact Us Form Kaise Banaye: क्या आप जानते हैं कि किसी भी ब्लॉग में एक Contact Us Form होना अनिवार्य है फिर चाहें आप कोई सर्विस प्रोवाइड करते हैं या फिर Google AdSense की मदद से Online पैसे कमाना चाहते हैं।

अगर आप Contact Us Form के बारे में पहले से जानते हैं, तो बहुत अच्छा है लेकिन अगर आप इसके बारे में नहीं जानते हैं, तो इस लेख अंत तक अवश्य पढ़ें। क्योंकि इस लेख में आप जानेंगे कि Contact Us Form क्या है? और Contact Us Form Kaise Banaye?

WhatsApp Channel Join Now

Telegram Channel Join Now

तो चलिए ज्यादा समय न वर्बाद करते हुए सीधा चलते हैं अपने लेख पर और इसके बारे में विस्तार से जानने की कोशिश करते हैं।

Table of Contents

Contact Us Form क्या है?

**Blogger Me Contact Us Form Kaise Banaye**

Contact Us Form एक ऐसा पेज होता है। जिसमें आप अपना नाम, ईमेल और मैसेज लिखकर ब्लॉग अथवा वेबसाइट के मालिक को भेज सकते हैं। यह Form आपको अगभग हर एक ब्लॉग अथवा वेबसाइट में देखने को मिल जायेगा।

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

अगर आपको ब्लॉग के बारे में बिल्कुल भी नॉलेज नहीं है, तो आप निम्नलिखित लेखों को पढ़ सकते हैं।

Blogger Me Contact Us Form Kaise Banaye?

Blogger में Contact Us Form बनाना बहुत ही आसान है। इस लेख में हम आपको Contact Us Form बनाने के दो तरीके बतायेंगे। आप जैसे चाहें बसे अपने ब्लॉग में Contact Us Form को बना सकते हैं। इसके लिए आप मेरे द्वारा बताये गये स्टेप्स को फॉलो करते रहें।

#2 – Widget में Contact Us Form कैसे बनायें?

Widget में Contact Us Form बनाने के लिए नीचे दिये गये स्टेप्स को ध्यान से पढ़ें और उन्हे फॉलो करें।

Step#1 – Widget में Contact Form सेलेक्ट करें

इसके लिए सबसे पहले आपको अपने Blogger Dashboard को Log in करना होगा।
इसके बाद उस ब्लॉग का चयन करें जिसमें आप Contact Us Form को बनाना चाहते हैं। अगर आपके पास सिर्फ एक ही ब्लॉग है, तो आप इस Step को Skip कर सकते हैं।
अब आप बायीं तरफ मौजूद Menu में Layout Option पर क्लिक करें।
इसके बाद जिस भी स्थान के Widget में Contact Us Form को Add करना चाहते हैं। उसी स्थान के Add A Widget पर क्लिक करकें।
अब आपके सामने Widget की पूरी लिस्ट आ जायेगी जिसमें आपको Contact Form पर क्लिक करके Save पर क्लिक करें।

Step#2 – Theme Edit Html में Code Find करें

इसके आपको Dashboard >> Theme >> Edit Html पर क्लिक करना है।
यहाँ पर आपको कहीं पर क्लिक करके Ctrl + F Press करने के बाद <b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’> को Find करना है। या फिर आप Jump to Widget पर क्लिक करके Contact Form1 पर क्लिक कर सकते हैं।

Step#3 – Code Delete करें

इतना करने के बाद आप <b:includable id=’main’> और </b:includable> के बीचे के कोड़ को Delete करना है।
आपको जो Code Delete करना है वह हमने नीचे दिया है। जिसे आप देख सकते हैं।

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>        
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>        
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>       
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>

अगर फिर भी आप को समझ में नहीं आ रहा है, तो नीचे दी गई ईमेज को देखकर समझ सकते हैं।

Step#4 – ]]></b:skin> Code Find करें

इसके बाद आपको ]]></b:skin> को Ctrl + F Press करके Find करना है।
अब आपको नीचे दिये गये Code को ]]></b:skin> के Just ऊपर Paste कर देना है।

अंत में Save पर क्लिक करके Theme को सुरक्षित कर दें।

बधाई हो! आपके ब्लॉग Widget में एक बढिया सा Contact US Form बनकर तैयार हो चुका है। चलिए अब जानते हैं कि Page में Contact Us Form कैसे बनायें?

#2 – Page में Contact Us Form कैसे बनायें?

इसके लिए आप निम्नलिखित स्टेप्स को फॉलो करें।

सबसे पहले आपको Dashboard >> Page पर क्लिक करना है।
इसके बाद आप + New Page पर क्लिक करें।
अब बायीं तरफ Html View पर क्लिक करें।
इसके बाद नीचे दिये गये Code को Copy करके यहाँ Paste कर दें।

<script type="rocketlazyloadscript">
var blogId = '8797502572622616871';//replace it the text with your blogID
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name="contact-form">
<div>
Your Name : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<div>
Your Email: <em>(required)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<div>
Your Message: <em>(required)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Code में आपको 8797502572622616871 ID के स्थान पर अपने ब्लॉग की Id को डालना है। जो आपको आपके ब्लॉग के Dashboard के URL में सबसे पीछे मिल जायेगी।
इसके अलावा आपको rows=”5″> के बाद </textarea> को जरूर लिखना है।
इसके बाद आपको Reader Comments को Do not allow, hide existing कर देना है।

अंत में Publish पर क्लिक करके Page को पब्लिश कर दें।

बधाई हो! आपके ब्लॉग पेज में Contact Us Form बनकर तैयार हो चुका है।

ये महत्वपूर्ण लेख भी पढ़ें:

अंतिम शब्द – Blogger Me Contact Us Form Kaise Banaye?

आज के इस लेख में हमने आपको Blogger Me Contact Us Form Kaise Banaye? के बारे में सरल भाषा में बताया है ताकि आप बडी आसानी से अपने ब्लॉग में Contact Us Form बना सकें अगर फिर भी आपको कोई परेशानी आ रही है, तो आप मुझसे कमेंट करके पूछ सकते हैं।

मुझे आशा है कि आपको यह लेख पसंद आया होगा अगर ऐसा है, तो इस लेख को सोशल मीडिया पर अपने दोस्तों के साथ अवश्य शेयर करें। अगर आप Blogger.com पर Free Blog बनाकर Blogging सीखकर Online पैसे कमाना चाहते हैं, तो आप इस ब्लॉग की Blogger Category को पढ़ सकते हैं

4 thoughts on “Blogger Me Contact Us Form Kaise Banaye? [हिंदी में]”

sachin shakya

September 21, 2023 at 8:04 pm

Nice
- Ashish Kumar
  
  September 22, 2023 at 10:54 am
  
  धन्यवाद
  - Umesh Dwivedi
    
    November 10, 2023 at 1:28 pm
    
    Hello bhayi
    Ek catagory ki post ko page pe kaise darshaye
    Man lo maine menu bar me 5 catagory bnayi hai jaise sports,crimenews,deshvidesh
    Ab enke alag alag page bna diye h ab hum chahte h ki jo bhi sports ki news Dale wo sports wale page pe chali jaye pls help me mai bhi kannouj k pas bilhour ka rahne wala hu
    Ap muje mere num par whatsup bhi kar sakte hai 9455676040
    - Ashish Kumar
      
      November 10, 2023 at 10:47 pm
      
      आप जिस भी केटेगरी का पेज बना रहे हैं। उस पेज में उस केटेगरी के Link को Add करें। इसके बाद आप उस केटेगरी से संबंधित जो आर्टिकल पब्लिश करेंगे वो उस पेज में दिखाई देगा।