Blogger Blog Me Contact Form Page Kaise Banaye

kya aap bhi apne blog me contact form page lagane chahate hai.to aap sahi post par aaye hai kyoki main is post me batyenge ki aap apane blogger blog me contact form page kaise banaye ja skta hai.

agar aap apne blog me contact form bana lete hai to aapke visiter,compnay owner aap se direct contect kar skte hai or aapko bar-bar email batane ki koi jarurt nahi hai.

eske liye aapko apne blog me contact form ko add karna bahut hi jaruri hai.

or aapke blog ke visiter ko help karna ya visiter badhane ke liye aapko contact form ko add karna bahut hi impotant hai isko add karne ke liye aapko kuch coding setting karni hogi.

isliye main aapko es post me kuch asan se trike bata rahe hai.yadi aap apne blog ke liye contact form bana rahe hai to aap bataye gaye step ko follow kijiye.

∎ Expired domain kaha se buy kare

 Blog Me Contact Form Page Kaise Add Kare 

step 1:
1.sabse pahle aap apne blog ke database me jaye|

2.uske bad aap layout par click kare.
3.ab aap jaha par add karna chahte hai to aap Add a widget par click kare.
4.uske bad aap contact form par click kare.

5.click karne ke bad aap save button par click kare.


Step 2:
1.ab aap apane blog ke database me jaye.
2.uske bad theme par click kare.
3.theme par click karne ke bad aap Edit Html par click kare.

uske bad aapke sare html code aapke screen par show hone lagega.

4.uske bad aap apne mouse se kahi par click karke apane keyboard ctrl+f ek sath dabaye.

5.ab aap ye <b:widget id=’ContactForm1' locked=’false’ title=’Contact Form’ type=’ContactForm’> code ko search kare.
nahi to aap jump to widget par click karke contactform1 par click kare|

∎ Blog title se pahle post title show kaise karaye
step 3:
 1. code ke left side me arrow par click karke full code open kijiye|

2.ab aapko <b:includable id=’main’> or </b:includable> ke beech ke code ko delete kare

<b:if cond='data:title != ""'><br /> <h2 class='title'><data:title/></h2></b:if><br /> <div class='contact-form-widget'><div class='form'><form name='contact-form'> <p/><data:contactFormNameMsg/> <br /> <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/><br /> <p/><data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> <br /> <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/><br /> <p/><data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span> <br /> <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/><br /> <p/><input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/><br /> <p/><div style='text-align: center; max-width: 222px; width: 100%'></div></form></div></div><b:include name='quickedit'/>

Agar aapko kuch bhi samajh me naa aaye to aap niche image me dekh skte hai.

step 4:
1.ab aapko  ]]></b:skin> ye code search karna hai.

2.jab aapko ye ]]></b:skin> code mil jaye to aap niche diye huye codo iske upar paste kar dijiye.

/* Contact supportmearah*/<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 /> }
3.uske bad aap save theme par click kar dijiye.

ab aapko apne bog ke liye new page banana to main aapko is post me two trike se contact form banane ke bata rahe hai.jo ki aap bataye gaye step ko follow kijiye.

step 5:
1.Blog ke database>> page>>new page par click kare.

2.ab aap ye code copy kare.

<script> var blogId = '8372363141693045518';//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">

∎ Google algorithm kya hai


3. Html par click karke code ko paste kar dijiye.

4.code ko paste karne se pahle aap 8372363141693045518 Id ki jagah par aap apne blog ke id ko set kare or aap apne page ko publish kar dijioye.

agar aapko koi bhi problems ho to aap mujhe comment kar skte hai or main aapke help kar dunga or mujhe help karne me bahut khusi hoti hai.

agar aapko koi bhi jankari chahiye blog ke bare me to aap https://www.supportmearah.com par ja karke aap article ko padh sakte hai.

I hope aapko ye post bahut hi pasnad aaye hoga agar aapko ye post pasand aaye hai to aap hamare  blog ke next post ke liye subscribe kar skte hai.
kyoki main apane blog par aise hi post ko update karte rahte hai.