Skip to main content

Contact Form Page Ko Blogger Me Kaise Banate 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


Read Also :


  • BlogSpot Blog में HTTPS को Enable कैसे और क्यों करे ?

  • Blog या Website के लिए Privacy Policy Page कैसे बनाये ?

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.


Read Also :


  • Disclaimer Page कैसे बनाये Blog या Website के लिए ?

  • XML Sitemap कैसे बनाये Blog के लिए ?

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.


The post Contact Form Page Ko Blogger Me Kaise Banate Hai appeared first on New Feature Blog.

Labels:

Comments

Post a Comment

Popular posts from this blog

Linkedin Par Apna Account Kaise Banaye

Linkedin aaj ke jamane me ek famous professional social networking sites hai. Linkedin par aapko kitne hi million users mil jayenge jinki madad se aap apne ideas, knowledge ko increase kar sakte hai. Is site par aapko kitne hi professional log milege. Agar aap unke saath business karna chahte hai to yah site aapki bahut help karegi. Yah site aapko job search karne me bhi help karegi. Jyadatar business karne wale log is site par apne business ka promotion ke liye advertising karte hai. Jis tarah se blog ya website ka advertising facebook, twitter etc. par kiya jaata hai, usi tarah se linkedin par bhi aap apne blog ya website ka advertise kar sakte hai aur apni site ya blog ki traffic increase kar sakte hai. Read Also : Facebook पर Account कैसे बनाये ? Facebook पर Single Name Kaise Set करे : Easy Trick Ab hum sidhe apne point par aate hai aur aapko batana start karte hai ki linkedin par...
Post a Comment
Read more

Program Guidelines

Publishers participating in our program are bound by the terms and conditions available  at  http://www.media.net/legal/tos . In addition, all publishers must read and comply with the policies provided below. Media.net reserves the right to change the policies at any time without prior notice to the publisher. The publisher understands that it is their sole responsibility to keep themselves abreast of all policies available here. Media.net reserves the sole right to warn, or without notice, terminate any publisher that is found in violation of these policies. Media.net may make exceptions to any of these policies at their sole discretion. Program Guideline Our program is currently only open to website(s) with premium content that fulfill the criteria specified below: Contain significant amount of original content that is updated regularly and does not infringe any third party intellectual property rights Receive majority of their traffic from US / UK / Canada...
3 comments
Read more

11 Attractive Fast Loading Email Subscription Widget Ko Apne Blog Me Lagaye

Email subscription kisi bhi blogger ke blog ya website ki traffic ko badhane me bahut hi important role nibhati hai. Maine apni pichhli post me iske baare me batlaya tha ki email subscribe box kya hai aur isko blog me kaise lagate hai. Jab koi visitor blogger ke blog par lagaye email subscribe box me apna email dalkar subscribe karta hai to us visitor ke email par ek activation message aata hai. Activation message me link hota hai. Link par click karte hi visitor ke email par free email delivery ki service activate ho jaati hai. Matlab ab agar blogger koi bhi new post publish karega to visitor ko new post ki jaankari direct email par mil jaayegi. Iske baad visitor post ko padhne ke liye blog par visit karega jisse ki blogger ki traffic increase hogi. Yah maine aapko short me iske important ke baare me batla diya. Ab hum sidhe apne point par aate hai. Maine niche 11 email subscription widget ko diya hai. Aapko jo widget pasand aaye usko aap apne blog me lagaye. Widget me aapko kuchh...
Post a Comment
Read more