How to Add Contact Us Page in Blogger | Free & Stylish Contact Us Form

दोस्तो आज हम बात करने वाले है। How? to Add Contact Us Page in Blogger. अगर हमने अपना Blog Blogger.com की मदद से बनाया है तो हम अपने Blog में Contact Us Page कैसे? Add करें वो भी बिल्कुल FREE और Stylish भी हो जिससे कि वो देखने में अच्छा भी लगे।

किसी भी Blog या Website के लिये Contact Us Page बहुत ही Important होता है। जिससे कि कोई भी User आपकी Website या Blog पर आये और उसे आपसे Contact करना हो आपको कोई Massage देना हो या कुछ भी पूछना हो तो वो आपसे Contact कर पाये। तो आज हम इसी के बारे में बात करने वाले है Blogger.com पर Contact Us Page कैसे? बनाये और सिर्फ यही नहीं बल्कि FREE और Stylish भी हो। 

How? to Add Contact Us Page in Blogger

दोस्तों वैसे तो Blogger.com पर Contact Us Page बनाने के काफी सारे तरीके है। जैसे कि आप Google Forms की मदद से भी Contact Us का Page Create कर सकते हो लेकिन फिर आपके जो भी Massage आयेंगे वो भी आपको वहां पर जाकर देखने होंगे। और भी तरीके है जिनसे आप Contact Us Page बना सकते हो Google पर आपको ऐसे बहुत सारे तरीके मिल भी जायेगे। लेकिन में आपको बहुत ही Simple तरीका बताने वाला हूं आपको ज़्यादा कुछ नहीं करना है। और आपके जो भी Massages होंगे वो भी Direct आपके Email पर आजाएंगे। तो चलिए बात करते है

• दोस्तो सबसे पहले आप Blogger.com पर जाइये।


• अब आपको Left Side में Layout का एक Option मिलेगा।
  
  
  


• आपको Layout पर Click करना है


• और उसके बाद कहीं पर भी जहां आप चाहो Sidebar में या Footer में जहां भी आप चाहो।
  
  
  


• आपको एक Contact Form का Gadget Add करना है।
  
  
  


• लेकिन याद रहे आपको Contact Form की Visibility को Hide करना है।
  
  
  


• और फिर Save पर Click कर देना है।


• अगर आप सिर्फ Simple एक Contact Form चाहते है। जैसा कि Footer में आपने देखा होगा तो आप इसे Visible रखिये आपका Contact Form Show होने लगेगा। लेकिन अगर आप चाहते है। की आपका अलग से एक Contact Us का Page हो तो आप आगे Steps को Follow कीजिये।


• अब आपको Pages में जाना है


• और एक Contact Us का Page बनाना है।


• और Compose की जगह HTML पर Click करना है।
  
  
  


• और इस Code को आपको वहां पर डालना है।

<div class="widget ContactForm" id="custom_ContactUsFromForBlogSpotBlogger">

<div class="contact-form-widget">

<br />
<br />

<div class="form">

<form name="contact-form">

Your Name
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

Your Email
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Your Message
<span style="font-weight: bolder;">*</span>
<br />
<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="Send" />

<br />

<div style="max-width: 222px; text-align: center; width: 100%;">

<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 class="clear">
</div>

<br />
<div class="clear">
</div>

</div>

• और फिर आपको Right Side में Options में जाकर Comments को Don't Allow कर देना है।

अब आपका Contact Form बन कर तैयार हो चुका है। आप चाहें तो इसे Check कर कर देख सकते है। user आपको कोई भी Massage करेगा तो वो सीधे आपके Email पर आयेगा। अब बात आती है इस Contact Form को Stylish कैसे? बनाया जाये।


तो दोस्तो जैसी भी आप Template / Theme इस्तेमाल करते है ये उस Theme में कैसा दिखना चाहिए वैसा खुद ब खुद आजाएगा। आप इसे Preview कर कर देख सकते है। और फिर भी अगर आपको कुछ Changes करने हो तो आप Compose में आकर इसकी Styling कर सकते है। Font , Colour , Bold , Italic , Size , ETC... जो भी आप चाहे वो कर सकते है। और आप चाहे तो इसमें Images भी Add कर सकते है।