Blogger में Contact Us Page कैसे बनाए? 2024 - पूरी जानकारी
नमस्कार, क्या आप अपने Blogger ब्लॉग में Contact Us Page Create करना चाहते है? सम्पर्क पेज बनाकर आप अपने वेबसाइट को एक बेहतर Look देना चाहते है? यदि हां, तो इस पोस्ट को आपको जरूर पढ़ना चाहिए। आज इस पोस्ट में बताया जाएगा कि Blogger में Contact Us Page कैसे बनाए?
यहां पर आपको Contact पेज बनाने के बारे में पूरी जानकारी मिल जाएगी।
Blogger में Contact Us Page कैसे Create करे?
सबसे पहले आप अपने Blogger के Dashboard पर जाए। इसके बाद उस ब्लॉग को सेलेक्ट करे जिसमें आप Contact Page Create करना चाहते है?
उसके बाद Layout बटन पर क्लिक करे। इसके बाद Sidebar में Add A gadget पर क्लिक करे।
अब आपके सामने Add a Gadget का पेज खुलेगा। जिसमें आप Contact Form के सामने + के बटन पर क्लिक करे।
उसके बाद Configur Contact Forum का पेज खुलेगा, उसे Save बटन पर क्लिक करके सुरक्षित करे।
अब आपके Blogger ब्लॉग में Contact Form Widget एड हो चुका है। लेकिन हम इस Widget को hide कर देंगे, और एक नया पेज Create करके उसमे Show कराएंगे।
इसके बाद फिर से आप अपने Blogger Dashboard पर जाए। यहां आपको Theme के ऑप्शन पर क्लिक करना हैं।
उसके बाद आप COSTOMIZE के बगल में एक Ero दिखाई देगा, उस पर क्लिक करे।
क्लिक करते ही आपके सामने बहुत सारे ऑप्शन दिखाई देंगे, यहां आपको EDIT HTML पर क्लिक करना हैं।
Edit Html पर क्लिक करने के बाद आपके वेबसाइट Theme की Html Codding ओपन हो जाएगी। इसमें आपको ]]></b:skin> कोड को ढूंढना है।
आप इस कोड को खोजने के लिए Ctrl+f शॉर्टकट कुंजी का उपयोग करे। जिससे एक Search Box खुलेगा, वहां पर ]]></b:skin> टाइप कर और Enter दबाए।
ऐसे करने से Theme कोडिंग में ]]></b:skin> हाईलाइट हो जाएगा।
उसके बाद नीचे दिए गए कोड को Copy करे और ]]></b:skin> पर पेस्ट कर दे, और Teame को Save कर ले।
/*Custom Cocntact Form BY HindiMeHelp.com */
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 600px;
max-width: 100%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height:40px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 100%;
height:100px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #ffffff;
color: #000000;
border: 1px solid #FAFAFA;
}इसके बाद आप फिर से अपने Dashboard पर जाए। यहां आपको अब Pages के सेक्शन पर क्लिक करके New Page पर क्लिक करना है।
क्लिक करने के बाद आपके सामने Blogger Page Editor ओपन हो जाएगा, इसमें आपको अपने पेज के Title में Contact Us लिखना है। उसके बाद इसे Compose Area में आप कुछ लिखना या एड करना चाहते है, तो लिख सकते है, अपने Social लिंक जैसे फेसबुक, ट्विटर, इंस्टाग्राम इत्यादि दे सकते है।
अब आप पेंसिल के आइकन पर क्लिक करके HTML VIEW पर क्लिक करे।
अब नीचे दिए गए Code को कॉपी करे, और उसे Html में पेस्ट करके पेज को पब्लिश करे।
<div class="widget ContactForm" id="ContactForm1"> <div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <div class="fm_name"> Your Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="fm_email"> E-mail Address *: <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div> <div style="clear:both"> </div> <div class="fm_message"> Message *: <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" /> <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>
अब आपके ब्लॉगर ब्लॉग में Contact Us का पेज बन चुका है। Contact Us पेज को open करे, वहां पर Form दिखाई देने लगेगा।
Website में Contact Us का पेज होना क्यों जरूरी है?
किसी भी वेबसाइट में Contact Us का पेज होना बहुत जरूरी होता है। क्यों कि कोई भी User उस पेज के जरिए आपसे संपर्क कर सके।
यदि आपके ब्लॉग में Contact Us का पेज बना है, तो गूगल एडसेंस का अप्रूवल भी आसानी से मिल जाता है।
इस प्रकार के Pages होने से आपके वेबसाइट कि Branding बढ़ती है। आपके ब्लॉग पर आने वाले User का आपके और आपके ब्लॉग वेबसाइट के प्रति Trust बनता है।
दोस्तो, इस पोस्ट में हमने आपको बताया कि "Blogger Blog Me Contact Us Page Kaise Banaye?" आशा करता हूं कि यह पोस्ट आपको पसंद आया होगा। Blogger ब्लॉग से जुड़ी आपके मन में कोई सवाल, टॉपिक ता सुझाव हो तो हमे कॉमेंट के द्वारा जरूर बताए। हम आपके लिए उस टॉपिक पर पोस्ट अवश्य लिखेंगे। इस पोस्ट को शेयर जरुर करे। धन्यवाद।
टिप्पणियाँ
एक टिप्पणी भेजें