Contact Form Widget For Blogger in Hindi


Kya aapka Blog blogger platform pe hai aur aap apne blog ke liye contact form blogger dhundh rahe hai to aapka search hamare blog pe he end hoga.





    Humne aaj kuch contact form for blogger list  kiye hai jise aap apne blog pe laga kar use kar sakte hai. Ye bahut he simple hai aur use karna bhi bahut easy hai.

    Contact Form क्या है 


    ये किसी भी ब्लॉग या वेबसाइट का वो page है जिसके ज़रिये आप जिस वेबसाइट या ब्लॉग को देख रहे है उन्हें चलने वालो कि जानकारी मिलती है. यही नहीं अगर कोई आपसे संपर्क करना चाहे तो वो contact us page को जरुर देखता है.

    आप अपने ब्लॉगर ब्लॉग पे contact us form लगाने के २ तरीके है 

    1. Page बना कर contact form लगाये
    2. widget add कर 


    Contact Form Page Kaise Banate hai Blogger me


    blogger pe contact form page banane ke liye: blogger > pages > New page > click on html > past code > done



    iss tarah se aap Blogger Me Contact Form Page Kaise Banaye jate hai, Hai na bahut hge simple tarika ?




    Contact form code for blogger


    Contact form code for blogger

    <style type="text/css">
     .contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 20px;padding:10px 15px;font-size:12px;letter-spacing:1px;color:#444;background:#F3F3F3;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:37px}.contact-form-email-message{height:170px}.contact-form-button-submit,.contact-form-button-submit:hover{width:13%;height:30px;font:normal 12px Arial;letter-spacing:1px;color:#444;display:block;outline:none;margin-bottom:20px;text-align:center;background:#E6E6E6;border:0;cursor:pointer}.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}
     </style>
    <div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="NAME" onblur='if (this.value == "") {this.value = "NAME";}' onfocus='if (this.value == "NAME") {this.value = "";}'  /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="EMAIL" onblur='if (this.value == "") {this.value = "EMAIL";}' onfocus='if (this.value == "EMAIL") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" value="MESSAGE" onblur='if (this.value == "") {this.value = "MESSAGE";}' onfocus='if (this.value == "MESSAGE") {this.value = "";}'></textarea></div><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" /><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></form></div></div></div>


    Contact form widget for blogger


    contact form widget for blogger


    Google Form Contact Us



    अगर आपको कोडिंग पसंद नहीं है तो आप contact form बनाने के लिए Google Form का प्रयोग कर सकते है जहा से भी अपने वेबसाइट पे एम्बेड कर new फीडबैक पा सकते है. गूगल फ्रॉम पे contact us page बनाए के लिए ये process follow करे

    • सबसे पहले Google Drive पे जाये 
    • अब new पे क्लिक कर More पे जा कर Google Forms को क्लिक करे
    • फिर आप choose from Template का प्रयोग करे 
    Blogger में Contact Form Widget कैसे लगाये 2020

    • जहा से आप खुद कस्टमाइज कर contact form बना सकते है 




    Jotform का प्रयोग कर contact Form बनाये 


    Blogger में Contact Form Widget कैसे लगाये 2020

    jotform जो कि एक ऑनलाइन वेबसाइट है जहा से आप किसी भी टाइप के form बना सकते है में singup कर form बना सकते है.
    यहा भी आपको form बनाने के लिए कोइऊ कोडिंग कि जरुरत नहीं पड़ेगा बस आपके पास एक account होना चाहिए 
    और जब भी कोई यूजर आपसे contact us page के ज़रिये कुछ भेजेगा तो वो सीधे आपके ईमेल id पे चला जायेगा