Blogger Ke Liye Contact Us Page Kaise Banaye

Blogger Ke Liye Contact Us Page Kaise Banaye. Kyunki Contact us page blog ke liye bahut important page hota hai. wordpress ki tarah ham blogger me plugins ki help se contact form use nhi kar sakte hain.

Blogger me contact us page ke liye ham third party contact forms ka use karte hain. Jo blog ke liye achhe nhi hote hain. Isliye is post me ham blogger ke officially contact form ko contact us page me use karnege.

• Blog Ke Liye HTML Sitemap Page Kaise Banaye

Blogger Ke Liye Contact Us Page Kaise Banaye

Agar aapko blogger blog ke liye contact us page banana hai to neehe bataye gaye steps ko follow kare.

Part 1- Add Contact Gadget in Layout Section

1. sabse pahle aapko Blogger.com par login karna hai. Agar aap Multiple blogs run karte hai. To aap us blog ko select kare jisme aapko Contact us page banana hai.


2. Ab aapko Layout section par click karna hai.


3. Iske baad aapko Add A Gadget par click kare.


4. Ab aapko Contact Form Widget par click karna hoga.  

Part 2- Contact Form Ko chhipana

Is part me aapko Contact form Gadget ko Hide/chhipana hai. iske liye steps ko follow kare.

Step 1- Sabse pahle hame Theme section me jaane ke Liye Theme par click karna hai. 

Step 2- Ab aapko Edit Html button par click karna hai. 

Step 3- Ab aapko Theme editor me ]]></b:skin> find karna hai. Aur neeche code box me diya gaya code ]]></b:skin>  ke pahle paste karna hai. Aur Save Theme Button par click karna hai.

div#ContactForm1 { 

display: none !important;

}

Part-3 Contact form Ko Contact Us page Me add karna

Ab aap aasani se official contact form ko contact us page me add kar sakte hain. Iske liye Steps ko follow kare.

Step 1- Ab aapko Pages Section me Jana Aur New Page Create kare. 

Step 2- Ab aapko Post ke Html format me Neeche code box me diya gaya code paste karna hai.  Title me Contact us type karna hai Aur Publish kar dena 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>

Also Read..

• 5 Importent pages jo blog me jarur hone chahiye


• Blog Ke Liye Privacy Policy Page Kaise Banaye


• Blogger Ke liye About Us Page Kaise Banaye


• Google AdSense ke liye apply kab kare

Conclusion

I hope aapne apne blog me contact us page bana liya hoga. Aur agar aapko koi problem aa rahi hai to aap hame comments me bata sakte hain.

Happy Blogging...

Read it Too