Contact Form Page Kaise Banate hai Blogger me
Blogger – Hindi Me Help / Rohit Mewada / 8 months ago
Hindi Me Help - Internet ki jankari Hindi Me!
Internet par jitni bhi Website or Blog hai wo kisi na kisi ne to banaye hai, or agar koi visitor site par aata hai or wo Website ke admin(malik) se contact karna chahe to contact us ke page se kar sakta hai. Is Page Par site owner ki Detail rhati hai or ek Form rhata hai.
Hindi Me Help ka contact Page dekhe
Kya hai Contact Page
Ye ek Static Page hota hai, jo hamare blog me rhata hai par wo hamari post ki list me nahi dikhta. Mainly ham Pages ko About us, Contact Us, Privacy Policy ke liye banate hai par ham inka traffic badane ke liye bhi use kar sakte hai.
Aaj Ham Dekhege Kaise Contact Us Page banate hai Blogger me, jiski madad se hamare visiter hamse diret Contact kar sakte.
Ye adsense ke lie bhi bhut jaruri hai, Q hai iske bare me mene adsense account ki approve tips m baataya hai
Contact Form Page Kaise Banaye Blogspot me
Isko Add karna koi jada muskil nahi hai, par uske phele kuch code hame Template me add karne hai, to chaliye dekhte hai step by step kaisee contact us page ko add kare blogger me
Step 1.
Sabse Phele hame Contact Form Add karna hai. (Widget kaise add karte hai uski jaankari)
Layout >> Add a Gadget >> Contact Form
Step 2:
Ab hame Template me kuch code add karna hai or kuch delete karna hai.
Template >> Edit Template par click kareJump to Wiget par click kare firContactFrom1 par click kare
Ab Code ko Khole, ▶ ero par click karke
ab is code ko delete karna hai, jo <b:includable id=’main’></b:includable> ke bich me hai,
Is Code ko Template me search kare fir isko delete karna hai,
<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/> <br/> <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> <br/> <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> <br/> <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%'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> <b:include name='quickedit'/>
Step 3:
Ab hame ek Css code add karna hai Blogger template me. Agar detail me jaanna hai hai kaisee CSS Code ko add kar sakte hai blogger me to yaha click kare.
Template me ]]></b:skin> Search kare or uske upar is code ko dale.
/*Custom Cocntact Form BY HindiMeHelp.com */ .contact-form-widget { margin-left:auto; margin-right:auto; width: 600px; max-width: 100%; padding: 0px; color: #000; } .fm_name, .fm_email { float:left; padding:5px; width:48% } .fm_message { padding:5px; } .contact-form-name, .contact-form-email { width: 100%; max-width: 100%; margin-bottom: 10px; height:40px; padding:10px; font-size:16px; } .contact-form-email-message { width:100%; max-width: 100%; height:100px; margin-bottom:10px; padding:10px; font-size:16px; } .contact-form-button-submit { border-color: #C1C1C1; background: #E3E3E3; color: #585858; width: 20%; max-width: 20%; margin-bottom: 10px; height:30px; font-size:16px; } .contact-form-button-submit:hover{ background: #ffffff; color: #000000; border: 1px solid #FAFAFA; }
Fir Template ko Save karde..
Step 4:
Ab hame simple Page add karna hai, or uske HTML view me hame code ko add karna hai.
<div class="widget ContactForm" id="ContactForm1"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <div class="fm_name"> Your Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="fm_email"> E-mail Address *: <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div> <div style="clear:both"> </div> <div class="fm_message"> Message *: <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </div> </form> </div> </div> </div>
Page Title me Contact Us daleHTML par click karke apna Code dale, jo mene upar diya haiPublish karde Page ko.
Video Dekhe: Kaise Add kare Contact Form ko Page me
Ab aap Apne BLog Page ko khol kar dekhe, is prakar ka Contact From aayega.
Is Contact Form ki madad se koi bhi jo hamare blog par aagega wo hamse contact kar sakta hai.. Apna Naam, Email Address or uska kya message hai wo daal kar submit karega to hamare email par uska message aa jayega..
????Privacy Policy Pag bana kar add kare Blog me
Jaankari kesi lagi or kahi koi paresani to nahi aai, agar aai ho to jarur batana taki me usko update karke or aasan bana saku..
????Blogger ke upar dusri post padne ke liye yaha click kare
The post Contact Form Page Kaise Banate hai Blogger me appeared first onHindi Me Help.
Rohit Mewada
rohit@hindimehelp.com
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon