Blogger Blog Me Contact Form Page Kaise Add(banaye) Kare ?

Hello dosto aap to jante hi hoge blogger blog ke liye contact form page kitna jaroori hai. Blogger blog ke liye hi contact useful nahi hai balki sabhi blog ke liye contact form page jaroori hai. Contact form page ko apni site or blog me lagana nahut jaroori hai. Yisse apke visitor or traffic ko bahud profit hoga. Apko apne blog me contact from page ko add karne se yisiliye jaroori hai ki apke visitor apse se direct contact kar sakege.

Aj ham apko bayenge ki Blogger Blog Me Contact Form Page Kaise Add(banaye) Kare. Agar aap blogger par hai to aap bahut hi asani se apne blog me contact form add kar sakte hai. Apko agar hacking se bachna hai and blog ki secruity karna hai or blog ki traffic badane hai to aap contact form page ka jaroor use kare.

Agar aap apne visitors ki help kar chahte hai ya aap sochte hai ki apke readers ko koyi problem na aye or agar aap chahte hai ki apke visitor apse direct contact kar sake or apko apna mobile number and gmail nahi batana hai to aap apne blog me contact form jaroor add kare.

To dosto ab apko pata to chal hi gaya hoga ki blog me contact form page hamare visiter ke liye or traffic ke liye kitna jaroori hai. Agar aap apne blogger blog me contact form add karna chahte hai to neeche ke step follow kare.

Blogger Blog Me Contact Form Page Kaise Add Kare - Blogger Me Contact Form Page Kaise Banaye ?

Blogger contact form page add karna bahut hi easy hai. Agar ab bhi sochte hai ki yiski kya jaroorat hai to dosto me apko batana chahunga ki yesi koyi blog nahi yesi koyi website nahi chahe bo normal ho professional sabhi apne user ko contact form page ki service dete hai kyoki bo asani se apne user se conect ho sake. Yisliye agar aap apne blogger blog me contact form page add karna chahte hai to neeche ke step follow karo.

Step 1: 

1. Apne rajisterd gmail acount se blogger me login kare.
2. Deshbord me jaye or layout par click kare.
3. Ab aap kahi bhi Add a Widget par click kare.

Ab aap uper diye hue image me dekh sakte hai. or follow karke neeche ke step follow kare.

Step 2: 

1. Ab aap left side me more widgets par click kare.
2. Baha se contact from choice karke
3. Ab save button par click kare.

Step 3: 

Ab apko blog me contact form add karne ki thodi si coding karni hai. Yiskeliye aap blogger me jakar apni blog ki coding me jana hai.

1. Blogger me jakar Edit html par click kare
2. Ab ap apne keyboard se CTRL dabaker " F " key dabaye or
   <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    Ya phir aap Apne blog ki coding me jakar. Blog ki coding par Jump To widget par click karke Contact Form par click kare.

Step 4:

1. Ab aap jab search ya contact form  par click karenge to apke apke samne ek coding ayengi aap uske left side par click karke full code open kare.

• Ab aap Neeche code ko dekh kar start ke code se end tak ke code tak beeche ka poora code delete karde.

<b:includable id='main'> Se Laker </b:includable> Ab uper idye code ke start se and Tak ke code ko delete karde or neeche ka image dekhe. or neeche jaisa code ko delete kare.

<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'/>

Ab adhik jankari ke liye aap neeche ki image ko dekho.

Step 5:

Ab Apko apne blog ki coding me contact form ki css coding ko past karna hai. Yiskeliye aap apne blog ki coding me jakar CTRL+F key dabakar ]]></b:skin>
search kare or theek uske uper ye neeche ka code past karde.
/* Contact Helpertut*/<br />.contact-form-widget {<br />margin-left:auto;<br />margin-right:auto;<br />width: 400px;<br />max-width: 50%;<br />padding: 0px;<br />color: #000;<br />}<br />.fm_name, .fm_email {<br />float:left;<br />padding:5px;<br />width:48%<br />}<br />.fm_message {<br />padding:5px;<br />}<br />.contact-form-name, .contact-form-email {<br />width: 50%;<br />max-width: 50%;<br />margin-bottom: 10px;<br />height:30px;<br />padding:10px;<br />font-size:16px;<br />}<br />.contact-form-email-message {<br />width:100%;<br />max-width: 80%;<br />height:200px;<br />margin-bottom:10px;<br />padding:10px;<br />font-size:16px;<br />}<br />.contact-form-button-submit {<br />border-color: #f9f9f9;<br />background: #1aeb00;<br />color: #222;<br />width: 100%;<br />max-width: 20%;<br />margin-bottom: 10px;<br />height:30px;<br />font-size:16px;<br />}<br />.contact-form-button-submit:hover{<br />background: #f56c7e;<br />color: #444;<br />border: 2px solid #222;<br />}
Or phir save theem par click karde.

Step 6:

Dosto ab hamara 90% work ho gaya hai ya uyo kahe ko 99% work ho gaya hai ab apko apne contact form ke liye ek page banana hai jaha hame apne blog ke liye contact form redy karnna kai.

1. Blog ke Deshbord psr jaye- Pages par click kare - or New Page  par click kare.

Ab aap neeche diye hue code copy karle.

<script>var blogId = '9068543364951090862';//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><br /><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="" /><br /><div>Your Email: <em>(required)</em></div><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br /><div>Your Message: <em>(required)</em></div><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5">

Ab aap new page par click karke Left side me HTML par click karke yis code ko past karde or compose  par click karke publish karde.

Conclusion:

Dosto apke blog me ab contact form add ho gaya hai, Ab apne page ko blog me add kar sakte hai. Aap page ko footer me bhi add kar sakte hai agar apko Blogger Blog Me Contact Form Page Kaise Add(banaye) Kare ? ko follow karne me koyi bhi problem aye to neeche comment kare.