What tutorial do you want for the next article! Request Here!

How to Add a Contact Page/Contact Form in Blogger

how to add professional look contact form widget in blogger and add contact us page html code script.
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
contact us page and contact form widget

जैसा कि आप जानते है पहले ब्लॉगर में एक संपर्क पृष्ठ को जोड़ना एक कठिन प्रक्रिया समझी जाती थी इसी कारण कुछ ब्लॉगर्स को मजबूरन थर्ड पार्टी वेबसाइट की सहायता लेनी पड़ती थी। हालांकि, ब्लॉगर में अब भी इस प्रक्रिया को जटिल समझा जाता है। हम ब्लॉगर में संपर्क पृष्ठ इसलिए यह ब्लॉगिंग स्टार्ट करना चाहते है तो आपको आपके ब्लॉग के लिए एक अच्छे संपर्क पृष्ठ (कॉन्टैक्ट पेज) की आवश्यकता जरूर होगी। तो सीखते हैं कैसे हम संपर्क पृष्ठ को अपने ब्लॉगर या वर्डप्रेस वेबसाइट में आसानी से जोड़ सकते है। संपर्क पृष्ठ जोड़ने के लिए आपको नीचे दिए गए स्टेप का पालन करना है।

Contact page add karne ke liye humein kuch bato ka dhyan rakhna hai.

सबसे पहले आपको अपना ब्लॉग आईडी कोड प्राप्त करना होगा, ब्लॉगर पर इस प्राप्त करना बहुत आसान है, आपको सबसे पहले आपके पता बार (एड्रेस बार) पर डबल टैब करना है, फिर आपको नीचे दिए गए उदाहरण की तरह एक लिंक प्राप्त होगा;

https://www.blogger.com/blog/posts/1098765432100000000

चिह्नित भाग ( मार्केट पार्ट) आपके ब्लॉग का ब्लॉग आईडी कोड है, कृपया इसे कॉपी करें क्योंकि हमारे संपर्क पृष्ठ को बनाने हेतु इस कोड की आवश्यकता होगी।

Contact page tutorial

  1. कृपया सबसे पहले एक नया पृष्ठ बनाएँ, अपने पृष्ठ पर खोज विवरण (search description) भरना न भूलेंं।

  2. इसके बाद पृष्ठ HTML मोड में खोले और नीचे दिए गए कोड को अपने पृष्ठ (page) की सामग्री में कॉपी और पेस्ट करें :
    <div class='ContactForm' id='ContactForm1'>
      <form name='contact-form'>
        <div class='input-area'>
          <label for='ContactForm1_contact-form-name'>Your Name</label><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' /></div>
        <div class='input-area'>
          <label for='ContactForm1_contact-form-email'>Email<span>*</span></label><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' /></div>
        <div class='input-area'>
          <label for='ContactForm1_contact-form-email-message'>Message<span>*</span></label><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message'></textarea></div>
        <div class='input-area'>
          <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' /></div>
        <div class='notif-area'>
          <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
          <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
        </div>
      </form>
    </div>
    <script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
    <script>//<![CDATA[
    if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1098765432100000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1098765432100000000','//www.blogname.com/','1098765432100000000');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1098765432100000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

    ऊपर दिए गए भाग में चिह्नित भाग को दी गई जानकारी के अनुसार बदलिए दें, यह आपको चार कोड समान मिलते हैं जिन्हें आपको अपने ब्लॉग आईडी के साथ बदलना होगाा

    जानकारी Information

    • [1234567890000000000]: आपका ब्लॉग आईडी, ऊपर दिए गए कोड में 4 बार लिख या कॉफी पेस्ट करे
    • [www.blogname.com]: आपका ब्लॉग पता (http / https के बिना)
    • [Your Name, Email, Message]: संपर्क फ़ॉर्म में इनपुट शीर्षक
    • [Send]: सेंड बटन टेक्स्ट
    • [Sending...]: संदेश भेजते समय पाठ
    • [Your message has been sent. ]: संदेश सूचना पाठ भेजा गया
    • [Message could not be sent. Please try again later.]: संदेश सूचना पाठ नहीं भेजा गया था
    • [A valid email address is required.]: अमान्य ईमेल सूचना पाठ
    • [A Message field cannot be empty.]: संदेश की सूचना रिक्त होने पर पाठ सूचना

  3. अपने पृष्ठ को प्रकाशित (Publish) करें और कृपया जांच लें कि संपर्क विजेट सफलतापूर्ण लगा है या नहीं

अगर अपने ऊपर दी गई जानकारी का सही तरीके से लागू किया है तो आपको किसी भी त्रुटि का सामना नहीं करना पड़ेगा।

You May Like These Posts:

Post a Comment

To avoid SPAM comments, all comments will be moderated before being displayed.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.