Contact Form Page Kaise Banaye Blogger Me

Blogger me contact form page kaise banaye : 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.

contact form page kaise banaye blogger me

Blogger Me Contact Form Page Kaise Banaye ?

First Method :

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.

Second Method :

Contact Form Ko Blogger Ke Separate 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.

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.

Layout par click karne ke baad us page ke sabse upar browser ke URL bar ko dekhe jaisa ki screenshot me niche 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.

click on layout and see blogId

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

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

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.

  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.
paste contact form code in body part

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 ki apko yah post pasand aaya hoga. Blogger ke liye contact form page banane me koi problem aati hai to mujhe comment kare.

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

Share your love
Himanshu Kumar
Himanshu Kumar

Hellow friends, welcome to my blog NewFeatureBlog. I am Himanshu Kumar, a part time blogger from Bihar, India. Here at NewFeatureBlog I write about Blogging, Social media, WordPress and Making Money Online etc.

3 Comments

  1. Dear Himanshu,

    Thank you for sharing this post regarding creation of Contact Forms. It is really needy thing for everybody who want to learn about creation of contact forms.

Leave a Reply

Your email address will not be published. Required fields are marked *