Blogger Blog में Contact us Page कैसे Create करे ?

इस पोस्ट में मैं Blogger Blog में Contact us page create कैसे करे ? टॉपिक के बारे में Full Guide शेयर कर रहा हूं। यदि आप नये ब्लॉगर है और अभी तक आपने अपने Blogger Blog में Contact us page add नहीं किया हैं तो इस full guide को फॉलो करके आप यह काम आसानी से कर सकते हैं। 

ब्लॉग को एक प्रॉफेश्नल लुक देने और यूजर्स फ्रेंडली बनाने के लिए संपर्क पेज को ब्लॉग में ऐड करना बहुत जरूरी है। यदि आपके ब्लॉग पर अभी तक Google Adsense Approve नहीं है तो भी Adsense Approval लेने के लिए ब्लॉग में Importants page ऐड होने चाहिए । इस कारण आप अपने ब्लॉग में जल्द से जल्द संपर्क पेज को ऐड जरूर करे। 

blogger-blog-me-contact-us-page-kaise-banaye

Blog या Website में Contact us Page क्या होता है ? 

किसी भी ब्लॉग या वेबसाइट में Contact us page इस उद्देश्य से ऐड किया जाता है कि ब्लॉग या वेबसाइट पर आने वाला यूजर आसानी से ब्लॉग या वेबसाइट को चलाने वाले व्यक्ति के साथ संपर्क स्थापित कर सके। 

आमतौर पर Contact us page में एक Contact Form होता है जिसमें यूजर अपनी इन्फॉर्मेशन और अपना मैसेज टाइप करके Submit करता है।  

ब्लॉग को यूजर फ्रेंडली बनाने के लिए संपर्क पेज को ब्लॉग में ऐड करना बहुत जरूरी होता है। इस पेज के माध्यम से यूजर ब्लॉग के बारे में फीडबैक और अपना विचार हम तक आसानी से पहुंचा सकता है। 

Blogger Blog में Contact us Page Create कैसे करे ? How To Create Contact us Page in Blogger Blog 

ब्लॉगर ब्लॉग में संपर्क पेज बनाना बहुत आसान है। इस पेज को ब्लॉगर ब्लॉग में ऐड करने के लिए नीचे दिये गए सभी स्टेप्स को फॉलो कीजिये। 

1. सबसे पहले Blogger dashboard में जाकर उस ब्लॉग को सेलेक्ट करे जिसमें आप Contact us page create करना चाहते है। उसके बाद Layout के ऑप्शन पर क्लिक करे। 

2. अब Layout सेक्शन में Sidebar में Add a Gadget पर क्लिक करे। 

add-a-gadget-in-blogger-blog


3. अब Add a Gadget नाम का पेज ओपन हो जायेगा। इसमें Contact Form पर क्लिक करे। 

contact form-gadget-add-in-blogger


4. अब Configure Contact Form Page ओपन हो जायेगा। इसमें Save के ऑप्शन पर क्लिक करे। 

configure-contact-form-widget

अब आपके ब्लॉग में Contact Form Widget Add हो चुका है लेकिन हम इस widget को ब्लॉग में से hide कर देंगे और इसे ब्लॉग में एक पेज बनाकर वहां पर show करेंगे।

5. अब वापिस Blogger Dashboard में आये और Theme सेक्शन पर क्लिक करे। My Theme के आगे थ्री डॉट पर क्लिक करे इसके बाद कुछ अन्य ऑप्शन दिखाई देंगे जिसमें Edit HTML पर क्लिक करे। 

edit-html-option-in-blogger-blog-theme

6. Edit HTML पर क्लिक करने के बाद Blog Theme Coding ओपन हो जायेगी। इस कोडिंग में आपको यह  ]]></b:skin> खोजना है। 

इसे Find करने के लिए Ctrl+f शॉर्टकट कुंजी का इस्तेमाल करे जिससे एक Search Bar ओपन हो जायेगी। इसमें ]]></b:skin> को टाइप करे और एंटर दबाये। 

ऐसा करने से Theme Coding में  ]]></b:skin> कोड हाइलाइट हो जायेगा। 

highlight-code-in-blogger-blog-theme-coding

7. अब नीचे दिया गया Code Copy करे और इसे   ]]></b:skin> के ऊपर पेस्ट कर देना है। Code को   ]]></b:skin> से पहले Code Paste करने के बाद Save के आइकॉन पर क्लिक करे जिससे Theme Coding Save हो जायेगी। 

div#ContactForm1 { display: none !important; }  

paste-code-in-blogger-theme-html-coding

8. अब वापिस Blogger Dashboard में आकार Pages सेक्शन पर क्लिक करने के बाद New Page पर क्लिक कर्रे। 

create-new-contact-us-page-in-blog

9. अब Blogger Page Editor ओपन हो जायेगा। पेज टाइटल में Contact us लिखे और Compose Area में आप Contact us में जो लिखना चाहे लिख सकते है जैसे ब्लॉग के Facebook Page या Twitter Account की लिंक ऐड सकते है। 

इसके बाद पेंसिल के आइकॉन पर क्लिक करके HTML View पर क्लिक करे। 

html-view-in-blogger-blog-page-editor

10. अब नीचे दिया गया कोड कॉपी करे। 

<!--Contact Form Code-->

<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: 30px;

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>


<!--End Contact Form Code-->

11. Copy किये गये Code को HTML View में नीचे किसी लाइन पर क्लिक करके वहां Code Paste करदे। 

12. Code Paste करने के बाद वापिस Compose View पर क्लिक करे। 

contact-form-code-paste-in-blogger-blog-page-editor

13. अब राइट साइड में Page Settings के नीचे Options पर क्लिक करे। Reader Comments में Do not allow; hide existing को सेलेक्ट करे। अब Publish के ऑप्शन पर क्लिक करे। 

publish-contact-us-page-in-blogger-blog

अब आपके Blogger Blog में Contact us Page Add हो गया हैं। जिसे आप Pages के ऑप्शन पर क्लिक करके व्यू आइकॉन पर क्लिक करके देख सकते है। 

view-contact-us-page

Note - कभी भी Blogger Blog के Layout में जाकर Contact Form Widget को Delete न करे। क्योंकि यदि आप ऐसा करेंगे तो ब्लॉगर ब्लॉग के पेज में जो Contact form add है वो काम करना बंद कर देगा। 

Blogger Blog में Contact us Page काम कैसे करता है ?

हमने अपने ब्लॉगर ब्लॉग में जो संपर्क पेज ऐड किया है उसमें एक Contact Form दिया गया है। जो भी यूजर हम से Contact करना चाहता है वो Contact Form में दी गयी इन्फॉर्मेशन भरकर हमसे Contact कर सकते है। 

Contact Form में यूजर यह इन्फॉर्मेशन भरेगा। 

Name - यूजर को अपना नाम लिखना है। 

E-mail - इसमें यूजर को अपना सही ईमेल ऐड करना है।

Message - इसमें यूजर अपना मैसेज लिख सकता है जो वह हम तक पहुंचाना चाहता हैं। 

Submit - अब मैसेज टाइप करने के बाद Submit के ऑप्शन पर क्लिक करना है। 

जब यूजर Submit के ऑप्शन पर क्लिक करेगा तो आपने जिस Google Account का इस्तेमाल करके Blogger Blog क्रिएट किया है,उसी गूगल अकाउंट के ईमेल इनबॉक्स में एक Contact Form के नाम से ईमेल आ जायेगा। 

इस Email में यूजर ने जो मैसेज भेजा है और यूजर के ईमेल एड्रैस की जानकारी होगी। इस ईमेल एड्रैस का इस्तेमाल करके आप यूजर के साथ कांटैक्ट कर सकते है,यूजर ने जो मैसेज भेजा है उसका जबाव दे सकते है। 

मुझे उम्मीद है कि इस पोस्ट को पढ़कर एक नया हिन्दी ब्लॉगर Blogger Blog में Contact us Page Create कैसे करते है ? टॉपिक के बारे में सीख गया होगा। लेकिन फिर भी यदि ब्लॉगर ब्लॉग में  Contact us page add करने में किसी भी प्रकार की समस्या आ रही है तो आप नीचे कमेंट जरूर करे। आपके हर एक कमेंट का जबाव दिया जायेगा। 

--
-*-

जानकारी अच्छी लगी है तो Facebook Page Like जरूर करे

Share This Post :-


No comments:

Post a comment

आपको पोस्ट कैसी लगी कमेंट बॉक्स में ज़रूर लिखे,यदि आपका कोई सवाल है तो कमेंट करे व उत्तर पाये ।