CONTACT US WIDGET BLOG ME KAISE LAGAYE
आज आपको मैं contact us widget के बारे मे बताने वाला हूँ की कैसे अपने ब्लॉग या वेबसाईट मे लगाते है ! इंटरनेट पर बहूत सारे वेबसाइट है और आपने देखा होगा हर वेबसाईट मे contact us widget लगा होता है ! Contact us widget मे साइट के admin की detail और एक form होता है ! जब कोई विज़िटर साइट के admin से कॉंटेक्ट करना चहता है ! तो इस contact form से ही करता है!
Contact Us widget ब्लॉग या वेबसाइट के लिये क्यों जरूरी होता है ?
Contact us किसी वेबसाइट या ब्लॉग के लिये बहूत ही जरूरी होता है ! क्योंकि जब कोई विज़िटर साइट के मलिक से सम्पर्क करना चाहता है ! और साइट पर contact us widget ना हो तो समझीए फ़िर दोबारा वह विज़िटर आपकी साइट पर वापस नही आएगा ! इससे हामारे ब्लॉग के ट्रेफिक कम होने लगते है ! और adsense अगर approve करवाना है आपको तो आपके लिये यह widget बहूत ही जरूरी है !
Contact us फॉर्म कैसे बनाते है जानिये ???
Contact us widget static और daynamic दोनो मे बना सकते है ! तो चलिये आपको बता देता हूँ static और daynmic क्या होता है !
जिस पेज को हम पढ़ सकते है उसे Static page कहते है ! और जिस पेज पर हम कुछ लिख सकते है ! उसे daynamic पेज कहते है !
आपको अगर html की कोड बनाने आती है तो आप new पेज मे जाकर html मे कोड डालकर contact widget बना सकते है ! या फ़िर google पर सर्च करे contact us form और वहाँ से आप फ्रॉम बना कर ब्लॉग मे जोड़ सकते है !
या फ़िर हमारे दिये हुए स्टेप को फॉलो कर के भी contact us form बना सकते है !
स्टेप बाई स्टेप
स्टेप 1 सबसे पहले आप नीचे दिये हुए कोड को कॉपी कीजिये !
<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>
स्टेप 2 कोड कॉपी करने के बाद ब्लॉग के dashbord मे login कीजिये !
स्टेप 3 अब आप page को सेलेक्ट करे और new page पर क्लिक कीजिये !
1.Page select kare.
2.New page par click kare.
स्टेप 4 अब जो पेज खुलेगा वह compose मे होगी तो आप उसे html मे बदल लीजिये !
स्टेप 5 अब आप कॉपी किये हुए कोड को यहाँ paste कर दीजिये !
स्टेप 6 Title मे contact us लिख दीजिये ! फ़िर compose मे वापस आ जाइये !
स्टेप 7 अब आप पोस्ट को पब्लिश कर दीजिये !
स्टेप 8 अब आपने contact us widget अपने वेबसाइट पर लगा लिया है ! चाहे तो वेबसाइट पर जाकर चेक कर सकते है !
Tips :- आपको अगर from के साथ कॉंटेक्ट दिटैल्स लगाना है तो लगा सकते है !
अब आपसे कोई भी direct contact कर सकता हौ ! और अगर कोई आपसे contact करेगा तो वह message आपके email पर आएगी !
धन्यवाद
Contact Us widget ब्लॉग या वेबसाइट के लिये क्यों जरूरी होता है ?
Contact us किसी वेबसाइट या ब्लॉग के लिये बहूत ही जरूरी होता है ! क्योंकि जब कोई विज़िटर साइट के मलिक से सम्पर्क करना चाहता है ! और साइट पर contact us widget ना हो तो समझीए फ़िर दोबारा वह विज़िटर आपकी साइट पर वापस नही आएगा ! इससे हामारे ब्लॉग के ट्रेफिक कम होने लगते है ! और adsense अगर approve करवाना है आपको तो आपके लिये यह widget बहूत ही जरूरी है !
Contact us फॉर्म कैसे बनाते है जानिये ???
Contact us widget static और daynamic दोनो मे बना सकते है ! तो चलिये आपको बता देता हूँ static और daynmic क्या होता है !
जिस पेज को हम पढ़ सकते है उसे Static page कहते है ! और जिस पेज पर हम कुछ लिख सकते है ! उसे daynamic पेज कहते है !
आपको अगर html की कोड बनाने आती है तो आप new पेज मे जाकर html मे कोड डालकर contact widget बना सकते है ! या फ़िर google पर सर्च करे contact us form और वहाँ से आप फ्रॉम बना कर ब्लॉग मे जोड़ सकते है !
या फ़िर हमारे दिये हुए स्टेप को फॉलो कर के भी contact us form बना सकते है !
स्टेप बाई स्टेप
स्टेप 1 सबसे पहले आप नीचे दिये हुए कोड को कॉपी कीजिये !
<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>
स्टेप 2 कोड कॉपी करने के बाद ब्लॉग के dashbord मे login कीजिये !
स्टेप 3 अब आप page को सेलेक्ट करे और new page पर क्लिक कीजिये !
1.Page select kare.
2.New page par click kare.
स्टेप 4 अब जो पेज खुलेगा वह compose मे होगी तो आप उसे html मे बदल लीजिये !
स्टेप 5 अब आप कॉपी किये हुए कोड को यहाँ paste कर दीजिये !
स्टेप 6 Title मे contact us लिख दीजिये ! फ़िर compose मे वापस आ जाइये !
स्टेप 7 अब आप पोस्ट को पब्लिश कर दीजिये !
स्टेप 8 अब आपने contact us widget अपने वेबसाइट पर लगा लिया है ! चाहे तो वेबसाइट पर जाकर चेक कर सकते है !
Tips :- आपको अगर from के साथ कॉंटेक्ट दिटैल्स लगाना है तो लगा सकते है !
अब आपसे कोई भी direct contact कर सकता हौ ! और अगर कोई आपसे contact करेगा तो वह message आपके email पर आएगी !
धन्यवाद
टिप्पणियाँ
एक टिप्पणी भेजें
All Net Tip