1 Mar 2018

Blogger Me Contact Form Page Kaise Create Kare Complete Guide Hindi

Agar aap ek blogger hai to apko ye to pata hi hoga ki ake blog ke contact from page bhut hi important hai jisse apke visitors, company owners aapse direct contact kar sakte hai. agar aap visitors ko bar bar apna email address nhi batana chahte hai to aap apne blog me contact form page add kar sate hai ye ek acha tareeka hai visitors badhane ka blog me contact form page add karne ke liye  bs aap kuch kuch setting karni hai  is post me mai apko aaj isi k tips dene ja raha hu bas kuch step follow karne hai aapko.
blog me contect page create kaise kaise kare
blog me contech page create kaise kare 

Blogger me contact formpage kaise add kare?

Step.1:


Facebook popup like box kaise add kare 

Sitemap static page kaise add kare 


  1. Apne blog ke dashboard >> layout par click kar le.
  2. Ab kahi par bhi adde a widget par click kar le.
blog me contect page create kaise kare
blog me contect page create kaise kare 

  1. More Gadgets  aption par click kar le.
  2. Contact form par click kar le.
  3. Ab save button par click kar le.

Step.2:

Ab apne blog ke dashboard >> templete >> edit HTML par chale jaye.

  • Ab aap code box me kahi bhi click kar le or ctrl F daba ker ye code search kar le.
 <b:Widget id='ContactForm1'Locked='false' tittle='Contact Form' type='ContactForm'>
         
  Ya aap jump to weidget par click kar ke contactform1 par click kar le.

contect page create  kaise kare
contect page create kaise kare 

Step.3:

  1. Code ke left side me arrow me click kar ke full code ko open kar le.
Blogger  Me Contact Form Page Kaise Create Kare
Blogger  Me Contact Form Page Kaise Create Kare 

2 . Ab n<b:includeable id='main'> or </b:includable> ke beech me jo code hai use delete kare le
    <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'/>
  1. Agar aap ko ye coding na samjh aye to aap is image ko follow kar sakte hai.
Blogger  Me Contact Form Page Kaise Create Kare
Blogger  Me Contact Form Page Kaise Create Kare 


step.4:

  1. Ab aap ]]></b:skin> ye code search kar le.
  2. Is code ko copy kar ke]]></b:skin> ke upar paste kar le.
  3. /* Contact smi*/
    .contact-form-widget {
    margin-left:auto;
    margin-right:auto;
    width: 400px;
    max-width: 50%;
    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: 50%;
    max-width: 50%;
    margin-bottom: 10px;
    height:30px;
    padding:10px;
    font-size:16px;
    }
    .contact-form-email-message {
    width:100%;
    max-width: 80%;
    height:200px;
    margin-bottom:10px;
    padding:10px;
    font-size:16px;
    }
    .contact-form-button-submit {
    border-color: #f9f9f9;
    background: #1aeb00;
    color: #222;
    width: 100%;
    max-width: 20%;
    margin-bottom: 10px;
    height:30px;
    font-size:16px;
    }
    .contact-form-button-submit:hover{
    background: #f56c7e;
    color: #444;
    border: 2px solid #222;
    }
  4. Save templete par click kar le.

Step.5:



Ab aapko ek new page creat karna hoga.mai yha par aapko 2 type ke contact from page btane ja raha hu aap ko jo pasand ho use  follw kar le.

  1. Ab aap blog ke dashboard >> pages >> new page par click kar le.
Blogger  Me Contact Form Page Kaise Create Kare
Blogger  Me Contact Form Page Kaise Create Kare 

  1. Ab ye code copy kar le.
  2. <script>
    var blogId = '5478594908005093438';//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"></textarea>
    <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>
  3. Html par click kar ke code paste kar le.
  4. Code paste karne ke bad 5478594908005093438 Id ki jagh apne blog ki id set kar de or page ko publish kare.

IS post ko samjhne me agar aapko koi dikkat aayii ho to hme comment kar ke bataye.agr aapka koi swal ho to comment me bta sakte hai hme aapki help karne me acha lagega. is post jko share kare.

Thanks for reading...

Related Posts

Blogger Me Contact Form Page Kaise Create Kare Complete Guide Hindi
4/ 5
Oleh

आपका post कैसे लगा ज़रूर बताये और साथ ही आप मेरे site को Subscribe जरुर करे .और आपका कमेंट verification होने के बाद ही dhikhai देगा Comment करने के लिए आपका धन्यवाद