Blogspot Me Contact us Page Kaise Banaye Hindi Me Jankari

Blog में Important Pages Add करना बहुत Important होता है,क्योकि इससे Blog को प्रोफेशनल लुक तो मिलती है साथ ही Blog के visitors के लिए इनके बहुत फायदे है.यदि किसी भी Blog के लिए महत्वपूर्ण Pages की बात की जाये तो उसमे एक Page होता है Contact Form पेज जिसे Contact us पेज भी कहा जा जाता है.जिसकी मदद से हमारे Blog के सभी Visitors हम तक अपने विचार,सवाल या सुझाव साँझा कर सकते है.इसी कारण आज की इस पोस्ट में हम आपको यह बताने वाले है कि Blogger Blog में Contact us (Contact Form ) Page कैसे बनाते है.

Contact Form Page Blog में Add क्यों करना चाहिए - देखिए एक प्रोफेशनल Blog में इस Page का Add होना Most Important होता है,क्योकि इस पेज की मदद से हमारे Blog के visitors हमसे आसानी से सम्पर्क कर सकते है.जब हमारे Visitors हमारे साथ Connect रहते है तो इससे हम उनके विचारो,सवालों,सुझावों को जान सकते है ,उनके सवालों का जबाव दे सकते है,वो हमारे Blog के बारे में क्या सोचते है इसके बारे में जान सकते है,उनके द्वारा दिए गये सुझावों को ध्यान में रखकर Blog को बेहतर कर सकते है.यानि की Contact Form Page से हमारे Blog व Users के बीच एक अच्छा Connection बना रहता है.

blogspot-me-contact-us-page-kaise-banaye

मैं अब तक के अपने अनुभव से यह भी कह सकता हूँ की जिस Blogger ने अपने Blog के Visitors का ध्यान रखना शुरू कर दिया,उनके सवालों के सही समय पर जबाव देने शुरू कर दिए वो Blogger सफल ज़रूर होगा.क्योकि इससे Visitors का हमारे Blog के ऊपर विशवास बढ़ जाता है.जिससे वह हमारे Blog को Daily visit भी करते है.इस कारण Contact Form Page को Blog में बनाना बहुत महत्वपूर्ण होता है.इसके साथ की इस पेज को add करने के और भी बहुत फायदे है.

1 - इस Contact us Page से Advertiser हमसे Contact कर सकते है यदि वह कोई Ads हमारे Blog पर लगाना चाहते है.

2 - यदि आप Blog से पैसे कमाने के बारे में सोच रहे है तो Adsense सबसे बेहतर है.इस लिए Adsense Approval के लिए भी Blog में Contact us पेज होना बहुत ज़रूरी है.

3 - Blog को एक प्रोफेशनल Look मिलती है.

4 - हमारे Blog के Visitors का हमारे Blog के ऊपर विश्वास बढ़ता है.

तो अब यह जान चुके है की किसी भी Blog में Contact us पेज Add करना कितना महत्वपूर्ण होता है.अब मैं आपको Blogger Blog में Stylish Contact Form Page कैसे बनाते है इसके बारे में  सिंपल स्टेप्स में जानकारी देने की कोशिश कर रहा हूँ.तो आइये ब्लॉग को बेहतर लुक देते है.

Blogspot Me Contact us Page Kaise Banaye Hindi Me Jankari 


ब्लॉगर ब्लॉग में Contact Form पेज बनाना बहुत आसान है.इसके लिए नीचे दिए गये निर्देशों की पालना करे.

स्टेप – 1 - सबसे पहले blogger.com वेबसाइट को open करे,उसमे अपने Google Account के द्वारा Sign in कर ले.अब आपको अपने Blogger Blog डैशबोर्ड में Layout वाले आप्शन पर क्लिक करना है.

स्टेप - 2- Layout पेज Open होने के बाद उसमे Add A Gadget पर क्लिक करे.Add A Gadget का आप्शन आपको Layout पेज में बहुत स्थान पर मिलेगा.उसमे किसी भी Add A Gadget वाले आप्शन पर क्लिक कर दे.

Step – 3 - अब एक पॉप अप विंडो ओपन होगी जिसमे से आपको Contact Form वाले widget पर क्लिक करे उसे Save कर देना है.

contact-form-gadget-in-blogspot

Step - 4 - अब नीचे दिया गया कोड कॉपी कर ले.

div#ContactForm1 { display: none !important; }  

Step - 5 -  अब Blogger Blog Dashboard में Theme वाले आप्शन पर क्लिक करे.उसके बाद Edit Html पर क्लिक करे.अब आपको यह करना है.

1 - Edit Html पर क्लिक करने के बाद Blog Theme की Coding Open हो जाएगी.इसमें आपको ]]></b:skin> के ऊपर जो code आपने copy किया था वो paste कर देना है.code paste कर देने के बाद आपको save theme पर क्लिक करके theme coding save कर देनी है.

Note - Theme की Coding में ]]></b:skin> को Search करने के लिए आप Ctrl + F Shortcut कमांड का भी इस्तेमाल कर सकते है.

save-theme-coding-in-blogspot

Step -  6 - अब आपको नीचे दिया गया Stylish Conatct Form का Code copy करना है.

<style type="text/css">.widget.ContactForm{z-index:1}.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px 0;background:#EBEBE3;-webkit-border-radius:2%;-moz-border-radius:2%;border-radius:2%}.contact-form-widget .form{width:91%;margin:0 auto}.ribbon{font:16px Arial;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;background:#6B5F53;color:#fff;text-align:center;padding:1em 2em;margin:0 -16px}.ribbon:before,.ribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #584C40;z-index:-1}.ribbon:before{left:-1.7em;border-right-width:1.2em;border-left-color:transparent}.ribbon:after{right:-1.7em;border-left-width:1.2em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:"";position:absolute;display:block;border-style:solid;border-color:#42362A transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.contactf-name,.contactf-email,.contactf-message{text-align:left;margin-top:25px;color:#a1937b;font-size:13px}.contactf-name,.contactf-email{float:left;width:100%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:10px 0 0;padding:10px;font-size:12px;color:#aaa;border-color:#DBD6D1;border-width:1px;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.contact-form-name,.contact-form-email{height:35px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:37px;font:normal 12px Arial;outline:none;letter-spacing:1px;color:#fff;text-align:center;cursor:pointer;text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}.contact-form-button-submit:active{color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#febd4b) to(#fed970));background:-webkit-linear-gradient(#febd4b,#fed970);background:-moz-linear-gradient(#febd4b,#fed970);background:-ms-linear-gradient(#febd4b,#fed970);background:-o-linear-gradient(#febd4b,#fed970);background:linear-gradient(#febd4b,#fed970);-pie-background:linear-gradient(#febd4b,#fed970)}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}</style><div class="widget ContactForm" id="ContactForm22"><div class="contact-form-widget"><h2 class="ribbon"><strong class="ribbon-content">Shoot Me an Email</strong></h2><div class="form"><form name="contact-form"><div class="contactf-name">Your name:<input class="contact-form-name" id="ContactForm1_contact-form-name" name="Name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'  /></div><div class="contactf-email">E-mail address *:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="E-mail address" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message">Message *:<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." rows="5" value="" placeholder="Type your message here..." value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND MESSAGE" /><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>
Step - 7 - अब आपको Blogger Blog डैशबोर्ड में Pages वाले आप्शन पर क्लिक करना है.उसके बाद आपको New Page पर क्लिक करना है.अब आपको अपने Blog के लिए Contact Form पेज बनाना है.इसके लिए नीचे दिए गये निर्देशों की पालना करे.

 1 - Page Title में Contact us लिखे.

2 - HTML पर क्लिक करे.

3 - स्टेप 6 में से जो आपने code copy किया था.उसको  यहाँ पर paste कर दे.

4 - अब वापिस Compose कर क्लिक करे.

5 -Option पर क्लिक करे.

6 - Reader Comment में  Do Not Allow पर टिक मार्क लगाये.

7 - उसके बाद Done पर क्लिक करे.

8 - Publish पर क्लिक करके अपने Blog का Contact us Form पेज पब्लिश कर दे.इस प्रकार आप आसानी से अपने ब्लॉग का Contact Form Page बना सकते है.

Make-contact-form-page-in-blogspot



अब जब भी कोई ब्लॉग का विजिटर Contact us Page से हमसे Contact करेगा तो इसकी सूचना हमे Email के माध्यम से मिल जाएगी.आपने जिस google खाते के द्वारा ब्लॉग बनाया था उस गूगल खाते की gmail पर आपको contact form से संबंधित notification प्राप्त होते रहेंगे.तो अब आप अपने ब्लॉग पर जाकर देख सकते है कि contact form कैसे काम करेगा और किस प्रकार से show होगा.इस contact form के फायदे -

1 - इसका design responsive है जिससे यह mobile व computer दोनों में सही तरीके से open होगा.

2 - इस Contact Form Page में आपको एक बेहतर Design वाला Contact form मिलेगा.जो users को काफी पसंद आएगा.

Contact Form Page को ब्लॉग में Add करने के लिए आप सबसे पहले ब्लॉग में Pages Gadget को Add कर ले.


तो मुझे उम्मीद है कि आपको आज की यह पोस्ट अच्छी लगी होगी.यदि इस पोस्ट से संबंधित यदि आपके कोई विचार,सवाल या सुझाव है तो आप कमेंट कर सकते है.आज की पोस्ट Blogger Blog में Stylish Contact Form Page कैसे बनाये को social media पर दूसरे bloggers के साथ share ज़रूर करे.Blogging से संबंधित हर एक New Update सबसे पहले पढने के लिए Blog का Newsletter ज़रूर सब्सक्राइब करे.
-*-

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

Share This Post :-


2 comments:

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