Blog Ke Liye Contact Us Page Kaise Banaye - Official Form


Blog Ke Liye Contact Us Page Kaise Banaye

नमस्कार दोस्तों! मैं सन्दीप आज फिर आपके ब्लोग को नया रुप देने के लिये यहाँ मौजूद हो गया हूँ आज हम बात करेंगे कि कैसे आप अपने ब्लोग पर Official Contact Us Form को Add कर सकते है यहाँ Official Contact Us Form का अर्थ है, कि यह Form Blogger द्वारा जारी किये गये Contact Us Plugin पर काम करता है, जो कि आपके ब्लोग के लिये तो जरुरी है, ही साथ ही साथ यह आपका AdSense Approved कराने मे भी आपकी सहायता करेगा। यहाँ हम बात करेंगे कि Contact Us Form blog ke liye kyu jaruri hai. तथा Contact Us Form ko blog par kese lagaye, Blog Ke Liye Contact Us Page Kaise Banaye या Contact Us Form Page kese banaye ya Add kare. तो चलिए सबसे पहले यह जान लेते है कि Contact Us Form क्या है, तथा यह ब्लोग के लिये क्यूँ जरुरी है। यह Form पूरी तरह Official हैं।

How to Add Contact-Us-Page-For-Blog-in-hindi

Contact Us Form क्या है, यह ब्लोग के लिये क्यूँ जरुरी है?

Contact Us Form एक ऐसा Form है जिसके जरिये आपके ब्लोग पर आने वाले Visitors आपसे अपने सवाल या कोई सुझाव लेना चाहते है जिसे वे Comment के माध्यम से नहीं बताना चाहते यानि उस बात को जग जाहिर नही करना चाहते, तो बस यह समझ लिजिये यह आपके blog के लिए सबसे जरुरी Page हैं इसी के साथ साथ यह आपके AdSense को Approve होने मे भी यह आपकी मदद करेगा तो भाई अब सोच लो आपको इसकी कितनी जरुरत हैं, वैसे आपको बता दे

    Contact Us Form मे 3 Field होती है:
  • 1. Visitor का नाम (जो आपसे Contact करना चाहता हैं।)
  • 2. Visitor का E-Mail Address
  • 3. Visitor का मेसेज

यह Information भर कर जब Submit बटन पर Click किया जाता है तो जिस E-mail ID से एडमिन का ब्लोग हैं उस मेल पर Visitor का मेसेज, नाम तथा वह E-mail भी आ जाता है जो Visitor ने Contact Us Form मे भरा था तथा फिर एडमिन E-mail के द्वारा उस Visitor से सम्पर्क करता है। इतना ही नही Blog का AdSense Approved कराने मे भी Contact Us Form महत्वपूर्ण भूमिका निभाता है, जैसा की आप सब जानते हैं कि ब्लोग मे कुछ जरुरी Pages होने बहुत जरुरी हैं जैसे कि About Us,T&C,Sitemap और इन्ही मे से 1 है Contact Us Form. तो मै उम्मीद करता हूँ कि मैने Contact Us Form के बारे मे बहुत कुछ बता दिया है।



यह भी पढे:
Auto Adsense Ads Kya Hai
Blog Par WhatsApp Share Button Kaise Lagaye
Blog Ko Festivals Ke Liye Kaise Sajaye
Auto Blogging Kya Hai



Custom Vs Official Contact Us Form

अधिकांश Blogger Custom Custom Form का उपयोग कर रहे हैं तथा इसके लिए वे किसी तृतीय पक्ष साइट(3rd Party Site) का इस्तेमाल कर रहें है, जो कि ना तो सुरक्षित है और ना ही उनका कोई भरोसा है कि वे कब तक चलेगी इसी समस्या का समाधान करने हेतु ब्लॉगर ने नए ब्लॉगर Custom फार्म का शुभारंभ किया। जो कि एक Official Blogger Contact Us Widget हैं । जो ना तो कभी Expired होगा और ना ही इसमें किसी तरह कि कोई परेशानी का सामना करना पडेगा, तो मैं तो यही कहता हूँ कि आप भी इस Official Contact Us Form को अपने ब्लोग पर जरुर लगा लिजिए पर उस से पहले मैं आपके मन मे उठ रहें कुछ सवालो के जवाब देना चाहूँगा ।

  • प्रश्न: 1. Blogger Contact Us Form देखने मे कैसा है वह Custom Contact Form जैसा सुंदर हैं या नही।
  • उत्तर: यदि आप इसका Demo देखना चाहते है तो आप हमारा Contact Us Form देख सकते हैं ।
  • प्रश्न: 2. इसे लगाना बहुत कठिन काम है?
  • उत्तर: इसका उत्तर है नही, इसे लगाना बहुत ही आसान है।
  • प्रश्न: 3. अपने पुराने Contact Us page पर यह कैसे लगाना हैं?
  • उत्तर: इसे लगाने के लिये केवल आपको अपने पुराने Contact Us Page के Code को पूरी तरह हटा कर नया वाला Code Paste कर देना है।

यदि आपके मन मे और कोई सवाल है तो आप हमे Comment कर के बता सकते है।

Blogger Contact Us Form के कुछ फायदे

  • 1. इसकी मदद से आप तीसरे पक्ष (3rd party) के ब्लॉगर Custom प्रपत्र से दूर रहेगे जो आपके ब्लोग के लिए अच्छा है।
  • 2. यह Contact page आपके ब्लोग के साथ जिन्दगी भर काम करता रहेगा।
  • 3. आपका Contact Us Page देखने मे काफी अच्छा दिखेगा।
  • 4. ब्लॉगर कॉन्टेक्ट Form से आपके इनबॉक्स में तुरंत संदेश मिलता है।
  • 5. यह Contact us form बिना पेज Reload किये आपका सन्देश एडमिन तक भेज देगा तथा आपको आपके सन्देश कि स्थिति भी बतायेगा यानि Message Sent तथा Failed होने पर आपको जभी के जभी सूचित किया जायेगा।

Blog Ke Liye Contact Us Page Kaise Banaye

इस ब्लॉगर Custom Form को पेज पर लागू करने से पहले आपको इसे किसी भी Wedget मे जोड़ना होगा। आप इसे सक्रिय करने के लिए अपने ब्लोग के स्लाइडबार पर इसे Add कर सकते है। जिसे बाद मे हटा दिया जायेगा ।

    Step 1. Adding Contact Us Form Gedget

    how-to-add-gadget-in-blogger

    1. सबसे पहले Blogger>> Dashboard>> layout पर जाये।
    2. अब आप Add a Gadget पर Click करें (जहां आप गैजेट जोड़ना चाहते हैं) अब आप बायी ओंर More Gadget पर‌ Click करके Contact Us Form को Add करके Gadget को Save कर दे।
    3. Contact-Us-Gadget-Blogger

    Step 2. Removing Contact Us Form From Gadget

    1. सबसे पहले Blogger>> DashBoard >> Theme >> Edit HTML पर जाये।
    2. How-to-edit-Template

    3. अब Ctrl+f की मदद से id="ContactForm" को ढूंढ ले तथा वहाँ से नीचे दिया गया Code (जो लाल रंग से दर्शाया गया है।) Select करके Delete कर दे।
    <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='contact-form-widget'>
    <div class='form'>
    <form name='contact-form'>
    <p/>
    <data:contactFormNameMsg/>
    <br/>
    <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
    <p/>
    <data:contactFormEmailMsg/>
    <span style='font-weight: bolder;'>*</span>
    <br/>
    <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
    <p/>
    <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
    <br/>
    <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/> <p/>
    <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/> <p/>
    <div style='text-align: center; max-width: 222px; width: 100%'>
    <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
    <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
    </div>
    </form>
    </div>
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
    Step 3. Style Contact Form For Blogger:

    1. सबसे पहले Blogger>> DashBoard >> Theme >> Edit HTML पर जाये।
    2. अब Ctrl+f की मदद से ][></b:skin> को ढूंढ ले तथा इसके ठीक ऊपर नीचे दिया गया Code, Paste कर दे।
    3. search-for-style

      .contact-form-widget { margin-left:auto; margin-right:auto; width: 600px; max-width: 100%; padding: 0px; color: #000; } .fm_name, .fm_email { float:left; padding:5px; width:48% } .fm_message { padding:5px; } .contact-form-name, .contact-form-email { width: 100%; max-width: 100%; margin-bottom: 10px; height:40px; padding:10px; font-size:16px; } .contact-form-email-message { width:100%; max-width: 100%; height:100px; margin-bottom:10px; padding:10px; font-size:16px; } .contact-form-button-submit { border-color: #C1C1C1; background: #E3E3E3; color: #585858; width: 20%; max-width: 20%; margin-bottom: 10px; height:30px; font-size:16px; } .contact-form-button-submit:hover{ background: #ffffff; color: #000000; border: 1px solid #FAFAFA; }
    Step 4. Adding Contact Us Form in Blog Page

    1. सबसे पहले Blogger>>Dashboard>> pages पर जाये और New Page पर Click कर के नया पेज बना ले। और यदि आपने पहले ही पेज बनाया हुआ है तो आप वहाँ से पूरा Code , Delete कर दे।
    2. Insert-page-on-blogger

    3. अब बायीं ओर HTML पर Click कर के Text Field मे जाकर नीचे दिया गया कोड कॉपी करके Paste कर दे।
    4. <style>
      #main-wrapper{width: 100%;}
      #idc-container {display: none;}
      .sidebar-wrapper{display: none;}
      </style>
      <div class="widget ContactForm" id="ContactForm1">
      <div class="contact-form-widget">
      <div class="form">
      <form name="contact-form">
      <div class="fm_name">
      Your Name:
      <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
      <div class="fm_email">
      E-mail Address *:
      <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
      <div style="clear:both">
      </div>
      <div class="fm_message">
      Message *:
      <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
      <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
      <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>
      </div>
      </div>
      </div>
    5. तथा अब चित्रानुसार अपने पेज कि setting करके Publish पर Click कर दे।
    6. Create-page-for-Contact-Us-Form-Blogger

बस हो गया आपने अपना Contact page सफलतापूर्वक अपने ब्लोग पर लगा दिया हैं आप चाहें तो एक Checking मेसेज भेज कर इसे Check कर सकते हैं ।

अन्तिम शब्द:

किसी भी 3rd Party Contact Form कि तुलना में यह सबसे अच्छा Contact Form है जो आपके ब्लोग को सुरक्षित एवं बेहतर रुप प्रदान करेगा। यदि आपको Css कि थोड़ी भी जानकारी है तो आप अपने Contact Us Form को और भी सुन्दर रुप देने मे सफलता हासिल कर पायेंगे। यह पोस्ट पढने के लिये आपका तहे दिल से शुक्रिया आपको Blog Ke Liye Contact Us Page Kaise Banaye पोस्ट कैसी लगी हमें Comment करके जरुर बताये।



Blog Ke Liye Contact Us Page Kaise Banaye - Official Form Blog Ke Liye Contact Us Page Kaise Banaye - Official Form Reviewed by HaxiTrick on Thursday, October 26, 2017 Rating: 5
Powered by Blogger.