how to add contect us page on blogger in hindi

how to add contect us page on blogger in hindi 

आज हम बात करने वाले है ब्लॉगर में एक बहुत ही जरूर काम के बारे में जो होता है की blogger me contect us page kese add kare .दोस्तों आज हम इसी टॉपिक के बारे में बात करने वाले है और अगर आप भी एक ब्लॉगर है या ब्लॉग्गिंग करना चाहते है और आप भी अपने वेबसाइट में contect us पेज ऐड करना चाहते है। तो आप इस ब्लॉग पोस्ट को लगातार पढ़ते रहिये आज हम इसी टॉपिक के बारे में बात करने वाले है। 

how to add contect us page in blogger in hindi 

दोस्तों सबसे पहले contect us पेज को ऐड करने से पहले हमें यह जानना जरुरी होता है की ब्लॉगर में कॉन्टेक्ट us पेज किया होता है और यह ब्लॉग्गिंग के लिए कितना और केयो जरुरी होता है। 

contect us पेज केया होता है ?

दोस्तों कॉन्टेक्ट us पेज हमारे ब्लॉग वेबसाइट के लिए बहुत ही जरुरी होता है। कॉन्टेक्ट us पेज हमारे ब्लॉग में होता है जिससे हम वेबसाइट में ऑथर से कॉन्टेक्ट कर सकते है। यह ब्लॉग के लिए बहुत ही जरुरी होता है। 

 हमें contect us पेज वेबसाइट में केयो ऐड करना चाहिए ?

अगर हमारे ब्लॉग में कॉन्टेक्ट us पेज है तो गूगल को यह एक पॉजिटिव सिग्नल जाता है। और अगर हमारी वेबसाइट में कॉन्टेक्ट us पेज नहीं है तो गूगल को यह एक नेगेटिव सिग्नल जाता है और हमारी वेबसाइट का  स्पैम स्कोर बढ़ जाता है और हमारी वेबसाइट की रैंकिंग भी डाउन होती चली जाती है।google adsense से अप्रूवल पाने के लिए भी contect us पेज बहुत ही imp होता है।  

ब्लॉगर में contect us पेज कैसे बनाया जाता है ?

अब हम जान लेते है की ब्लॉगर में कॉन्टेक्ट us पेज कैसे ऐड किया जाता है। तो दोस्तों ब्लॉगर में कॉन्टेक्ट us पेज ऐड करने के लिए हमें अपने ब्लॉगर के डैशबोर्ड पर आना होगा। और वह पर हम हमें लेफ्ट साइडबार में pages का ऑप्शन मिलेगा। हमें उसपर क्लिक करना है।और अब हमें new pages पर क्लिक करना है। अब हमारे सामने एक पेज ओपन हो जायेगा। लेकिन यहाँ पर हमें कुछ भी टाइप नहीं करना है। बल्कि हमें लेफ्ट साइडबार में html के सेक्शन में जाना है। और वह पर कुछ txt होगा जिसे हमें डिलीट करना है और उसके बाद वह पर एक नया html ऐड करना है। आप निचे दिए हुए html को कॉपी करके वह पर पेस्ट कर सकते है।  आप इस कोड को कॉपी करके पब्लिश कर दे अब आपका contect us पेज बन चूका है। 

contact us html code for blogger

<style>
.page-contact-form input,
.page-contact-form textarea {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

.page-contact-form input.contact-form-button.contact-form-button-submit {
padding: 10px;
background: #000; /* Button background color */
color: #fff; /* Button text color */
border: none;
}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {
background: #777; /* Button background hover color */
color: #fff; /* Button text hover color */
}

</style>
<div class="contact-form-widget page-contact-form">
<div class="form">
<form name="contact-form">
Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail: <span id="required">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Message: <span id="required">*</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="Submit" />
<br />
<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>
</form>
</div>
</div>