blogger me contact us ka page banana sikhe आसान हिन्दी मे

हैलो दोस्तो मेरे इस ब्लॉग मे आपका स्वागत है आज मे इस पोस्ट मे ये बताने जा रहा हू की blogger मे contact us का page केसे बनाया जाता है दोस्तो यह आपकी website के लिए बहुत ही importent है इसकी सहायत से आपके visitor आसानी से आप तक touch मे रह सकते है


contact us का page क्यो जरूरी है ।

दोस्तो अगर आपने अभी तक अपने blogger या website के लिए contact us kapage नहीं बनाया है तो यह ज्जन ले की आपको google adsence kavi वी approved नहीं देगा ।और वो आप तक आसानी से पाहुच नहीं बना पाते है इसलिए यह बहुत ही जरूरी है की आप अपना contact us का page जरूर बनाए।

म्मान लीजिये कोई visitor आपसे कोई सवाल पूछता है तो आप उसका उत्तर इस page की सहायता से दे  कर सकते है ।

तो चलिये मे आपको इसके बारे मे बताता हू ।की केसे contact us का page बना सकते है ।




1सबसे  पहले आप अपने blogger मे  login  करे ।
2 layout पर क्लिक करे। 
3 इसके बाद आप slide bar right 1 मे add a gadget पर क्लिक करे। जैसा की इमेज मे दिखाया गया है ।

pic
अब आपके सामने एक popup window open होगी जिसमे आपको contact form पर क्लिक करना होगा।
क्लिक करते ही आपका procedure को complite होते ही आपके gadget मे contact का form add हो चुका होगा।

अब आपको अपने वैबसाइट मे contact us का  new page बनाना होगा । इसके लिए आप नीचे देखे 


आप पुनः अपने blog के main page (dashboard ) मे जाए  और page पर क्लिक करे ।

note  :यहा   html पर क्लिक करे  

2 new page पर क्लिक करते ही आपके सामने एक page खुलेगा उसमे आप post मे contact us लिखेंगे ।



3 नीचे की page मे ये code paste करे ॥

<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>


इस code को यहा paste करे।जैसे पिक्चर मे दिखया गया है






अब आप ड़ाए साइड मे option लिखा हुआ मिलेगा उसमे आपको dont allow पर tick कर देना है ।

और नीचे done  कर दे।
अब आपका contact us का page बनकर तैयार हो चुका है चाहे तो आप preview करके देख सकते है यदि नहीं तो publish के botton पर क्लिक करिए ...अब आपका page online हो चुका है ।आप अपने page मे देख सकते है ।

इस पोस्ट को पड़ने के लिए आपका बहुत बहुत धन्यवाद ....