Blogger me Contact Form Page Kaise Banaye?

Contact Form Kaise Banaye?

Dosto aaj hum baat karenge Blogger me Contact Form Page Kaise Banaye ke bare me. Agar aap ek blogger hai. Jaisa ki hum jante hai agar humara koi Website ya blog hota hai. Toh usme Contact form hona bahut jaruri hai. Jise aapke Visitors contact form ke through aapse bate kar sakte hai and aap unke sawalo ka jawab de sakte ho. Ab aap soch rahe honge ki Blogger Blog Contact Form kaise lagye?

Jaisa ki hum jante hai Blogger me agar hum gadget ke through contact form lagate hai. Toh woh contact form aapke blog ya website ke homepage per aajata hai and yaha bahut he bakwas lagta hai. Toh aaj ke is post through hum janege Blogger me Contact Form Kaise lagye ke bare me. Toh chaliye dosto Blogger me Contact Form Page Kaise Banaye? ke bare me aasani se jante hai.

Blogger me Contact Form Page Kaise Banaye?

Dosto agar aapko blogger blog me Contact form page add karna hai. Toh aapko kuch simple steps ko follow karna hoga. Joki main aapko niche bataunga

Step 1 Sabse pahele aapko Blogger me login karna hai and uske baad aapko blogger ke dashboard me jana hai. Jane ke baad aapko Layout ka Option milyenga Aapko usper click karna hai and Add Gadget per click karke Contact Form add karna hai

Step 2 Uske baad aapko theme ke section me jana hai. Jane ke baad aapko Edit Html ka option milyenga. Joki aapko usper click karna hai. Because humne jo contact form layout me add kiya tha use aapke website ke homepage per se hide karne ke liye aapko yaha code help karegi.

Step 3 Edit Html per click karne ke baad aapko CTRL+F dabana hai and uske baad aapko yaha code waha paste karna hai and uske baad aapko enter dabana hai. Yeh code ke pass automatically lejayenga

]]></b:skin>

Step 4 Yeha code Html me find karne ke baad aapko uske just uper aapko ek code paste karna hoga. Jise aapke website ke homepage se contact form hide hojaye.

div#ContactForm1 { 
display: none !important;
}

Step 5 Yeh code paste karne ke baad aapko Save theme per click karna hai aur 2min wait karna hai. Jaise theme save hojayenga waise he contact form aapke website ke homepage per se hide hojayenga. But wait ab aapko Contact form page banana hoga

Contact Form Page Kaise Banaye?

Step 1 Contact Form Page banana kafi aasan aapko pahele toh Blogger ke dashboard me jana hai. Fir aapko left side me pages ka Option dekhenga. Toh aapko usper he click karna hai and aapko new page create karna hai.

Step 2 New page create karne ke baad aapko yeha code aapko post ke html section me paste karna hai and aapke page ka Title dekar page ko publish karna hai.

<div id=”custom_ContactForm1″ class=”widget ContactForm”>
<div class=”contact-form-widget”>
<p>Get in touch with us by filling out the form below.</p>
<div class=”form”>
<form name=”contact-form”>
<p></p>
Name
<br>
<input type=”text” value=”” size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>
<p></p>
Email
<span style=”font-weight: bolder;”>*</span>
<br>
<input type=”text” value=”” size=”30″ name=”email” id=”ContactForm1_contact-form-email” class=”contact-form-email”>
<p></p>
Message
<span style=”font-weight: bolder;”>*</span>
<br>
<textarea rows=”5″ name=”email-message” id=”ContactForm1_contact-form-email-message” cols=”25″ class=”contact-form-email-message”></textarea>
<p></p>
<input type=”button” value=”Send” id=”ContactForm1_contact-form-submit” class=”contact-form-button contact-form-button-submit”>
<p></p>
<div style=”text-align: center; max-width: 222px; width: 100%”>
<p id=”ContactForm1_contact-form-error-message” class=”contact-form-error-message”></p>
<p id=”ContactForm1_contact-form-success-message” class=”contact-form-success-message”></p>
</div>
</form>
</div>
</div>
<div class=”clear”></div>
<span class=”widget-item-control”>
<span class=”item-control blog-admin”>
<a title=”Edit” target=”configContactForm1″ onclick=”return _WidgetManager._PopupConfig(document.getElementById(“ContactForm1″));” href=”//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1″ class=”quickedit”>
<img width=”18″ height=”18″ src=”//img1.blogblog.com/img/icon18_wrench_allbkg.png” alt=””>
</a>
</span>
</span>
<div class=”clear”></div>
</div>
Step 3 Ab aapko yaha page ko view karna hai and aapko yaha page ek bar test karke dekhna hai. Ki yaha form proper tarike se kaam kar raha hai ya nhi agar nhi kar raha hai. Toh aap kuch mistake kiye honge. So aap achse instructions follow kare
Toh mere pyaro aasha karta hoon ke aapko kaafi jaankari mile hoge, post achee lage toh share jarur kare!

LEAVE A REPLY

Please enter your comment!
Please enter your name here