Blogger Me Contact Us Page Kaise Banaye - Official Form


    Blogger Me Contact Us Page Kaise Banaye

    Blogger Me Contact Us Page Kaise Banaye नमस्कार दोस्तों! आज हम बात करेंगे कि कैसे आप अपने ब्लोग पर Blogger Me Official Contact Us Page Kaise Add Kare, यहाँ Official Contact Us Form से मेरा तात्पर्यं है, कि यह Form Blogger द्वारा जारी किये गये Contact Us Plugin पर काम करता है, जो कि आपके ब्लोग के लिये तो जरुरी है, ही साथ ही साथ यह आपका AdSense Approved कराने मे भी आपकी सहायता करेगा। यहाँ हम बात करेंगे Blogger Me Contact Us Page Kaise Banaye या Blogger par Contact Us Page Kaise Add kare. तो चलिए सबसे पहले यह जान लेते है कि Contact Us Form क्या है, तथा यह ब्लोग के लिये क्यूँ जरुरी है।

    blogger me contact us page kaise banaye

    Contact Form क्या है, यह क्यूँ जरुरी है?

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

      Contact 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 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 Me Contact Us Page बनाने के कुछ फायदे बताते हैं.

    Blogger Me Contact Us Page बनाने के फायदे

    • 1. इसकी मदद से आप 3rd party ब्लॉगर Custom Page से दूर रहेगे जो आपके ब्लोग के लिए अच्छा है।



    • 2. यह Contact page आपके ब्लोग के साथ जिन्दगी भर काम करता रहेगा।


    • 3. आपका Contact Us Page देखने मे काफी अच्छा दिखेगा।

    • 4. ब्लॉगर Contact Form से आपके इनबॉक्स में तुरंत संदेश मिलता है।

    • 5. यह Contact us form बिना पेज Reload किये आपका सन्देश एडमिन तक भेज देगा तथा आपको आपके सन्देश कि स्थिति भी बतायेगा.
      यानि Message Sent तथा Failed होने पर आपको जभी के जभी सूचित किया जायेगा।
      आइए अब हम आपको Blogger Me Contact Us Page Kaise Banaye यह बताते हैं.

    Blogger Me Contact Us Page Kaise Banaye

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

      Step 1. Adding Contact Us Form Gedget

      blogger par contact us page kaise add kare

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

      Step 2. Removing Contact Us Form From Gadget

      1. सबसे पहले Blogger>> DashBoard >> Theme >> Edit HTML पर जाये।
      2. blogger template edit kaise kare

      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. blogger me template edit kaise kare

        .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. blogger me page kaise add kare

      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. contact page kaise banaye

    बस हो गया आपने अपना Contact page सफलतापूर्वक अपने ब्लोग पर लगा दिया हैं, आप चाहें तो एक Checking मेसेज भेज कर इसे Check कर सकते हैं। मै आशा करता हूँ आपको Blogger Me Contact Us Page Kaise Banaye यह समझ आ गया होगा.

    अन्तिम शब्द:

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

    NEXT ARTICLE Next Post
    PREVIOUS ARTICLE Previous Post
    -->
    NEXT ARTICLE Next Post
    PREVIOUS ARTICLE Previous Post