Thursday, 6 October 2016

Contact Form Page Ko Blogger Me Kaise Banate Hai


 Contact Form Kya Hai ?



Maine apni previous post me contact form ke baare me detail me bata chuka hu. Contact form ke through koi bhi visitor blog ke admin se direct contact kar sakta hai aur apne problem ko message ke through bata sakta hai.

Agar blog ka admin kisi bhi visitor ya user ke contact ke liye apna email address ko share nahi karna chahta hai to unhe apne blog par contact form lagane ka tarika sabse best hai.


create-separate-contact-page-in-blogger-newfeaturteblog






 Contact Form Ko Two Method Se Blog Me Add Kar Sakte Hai 


1. Contact Form Widget Ko Blogger Ke Sidebar Me Add Kare :- Blogger ki team ne contact form widget ka ek official version launch kiye hai lekin yah widget sirf blogger ke sidebar me hi work karta hai. Is widget ko lagane me kisi bhi thrid party ke coding ki jarurat nahi padti hai. Agar aap sidebar me contact form ko lagana chahte hai to yah post padhe contact form widget ko blogger ke sidebar me add kare.


2. Contact Form Ko Blogger Ke Seperate Page Me Add Kare :- Adhiktar blogger ko aapne dekha hoga ki unka contact form separate page me hota hai. Maine bhi apne contact form ko separate page me rakha hai. Is chij ko check kkarne ke liye aap mere contact form page ko dekh sakte hai.



Agar aap contact form ko separate page banana chahte hai to mere steps ko follow kare :-

Step 1

Sabse pahle aap blogger ke dashboard me login kare.


Step 2

Layout par click kare.


click on layout and see blogId


Layout par click karne ke baad us page ke sabse upar browser ke URL bar ko dekhe jaisa ki screenshot me dikhaya gaya hai.

Browser ke URL bar me aapke blog ka ek unique blogID hoga. Yah blogID number me hoga. Is blogID ki jarurat new contact form page ko create karne me padegi.


Step 3

Ab aapko apne blog ke liye ek page create karni hai.

click on page


  1.  Pages par click kare.
  2. New page par click kare.

Step 4

Ab niche diye hue code ko copy kar le.

<script>var blogId = '7965098361676388089';//this number should be mandatorily edited.//The below message 5 Strings can also be editedvar 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><p></p><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'onclick="sendEmailMsg()"/><div style='text-align: center; max-width: 450px; width: 100%'><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>


Note :- Code me aapko kuchh edit karni hai. Code me red colour se  jo number hai uska hatakar waha par aap apne blogID ko likhe ( jaisa ki step 2 me bataya gaya hai ).


Step 5

Page ko create karne ke liye aapko HTML mode ko on karna hai. Niche screenshot dekhe.

paste contact form code in body part


  1. Page ka title de "Contact Us ".
  2. HTML par click kare.
  3. Code ko post editor ke body part me paste kar de.
  4. Right side me option par par click karke 'Don't allow compose mode' par click karke done par click kare.
  5. Lastly publish par click kare.

Bas ho gaya aapka contact form page create ho gaya hai. Ab aapko sirf contact form page ke link ko footer ya menu bar me add karna hai. Contact page ke link ko blog ke footer me add karne ke liye simple steps hai. Mai aapko short me batlata hu.

Layout >> Add a Gadget >> Pages >> Tick 'Contact Us' >> Save


 Contact Page Ki Link Ko Footer Me Kaise Add Kare ?

  1.  Sabse pahle aap layout par click kare.
  2. Footer waale Add a Gadget ki link par click kare.
  3. Uske baad Pages ki option par click kare.
  4. Pages option par click karne ke baad next page me Contact Us ke option ko tick kare.
  5. Save button par click kare.


Is tarah se aap privacy policy , disclaimer , contact us , about me , sitemap jaise page ko laga sakte hai.





I hope, apko yah post pasand aaya hoga. Blogger contact form page create karne me koi problem aati hai to mujhe comment kare.

Is blog ke sabhi new post ki jankari direct apne par pane ke liye mujhe Subscribe kare. Agar yah post aapko pasand aaya ho to ise facebook, twitter, google + par share kare.

No comments:

Post a Comment

Comment Rules :

1. Comments deemed to be spam or solely promotional in nature will be deleted.
2. Anonymous comments will be deleted. We only accept comment from posters who identify themselves.

About Admin