हमारे बारे में हमसे संपर्क करें टिप्स और ट्रिक्स ऑनलाइन पैसे कैसे कमायें फ्री वेबसाइट कैसे बनायें

October 20, 2016

Blogger me contact form page kaise banate hain ? Make better contact your visitor ?

Blogger में contact form add करना आपके Blog के लिए Very Important है.अगर आप अपने Blog में Contact form add karte हैं तो इससे आपके Blog Visitors या कोई other person आपसे directly contact कर सकते हैं अगर कोई Visitor आपके ब्लॉग पर comment नहीं करना चाहता या फिर आप उनको अपनी Email id नहीं बताना चाहते तो आपको अपने ब्लॉग में contact form add करना चाहिए जिसके जरिये से visitors आपसे सीधे संपर्क कर सकते हैं  अपने Blog का traffic बढाने के लिए यह बहुत Important part है नीचे मैं इसके बारे में बता रहा हूँ आप इसे carefully read कीजिये 


how to add contact form in blogger

Blogger Me Contact Form Kaise Add Kare ?

Step 1

1. सबसे पहेले अपने Blog में log in करें 
2. अब dashboard में layout पर click करें 
3. अब कहीं पर भी Add a Widget पर Click करें 

add a contact form widget

1. अब More gadgets पर क्लिक करे 
2. इसमें Contact Form पर  क्लिक करें 
3. save button पर क्लिक करके save करें 

Step 2

1. अब अपने ब्लॉग के dashboard में Template के  Edit HTML पर जाएँ 
2.  इसमें आप Jump to widget पर क्लिक करके Contact Form 1 पर क्लिक करें या नीचे दिए तरीके को follow करें 

code box  में कहीं पर भी क्लिक करके Ctrl+F दबाएँ और इस code को search करें 
 <b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’>

click jump to widget


Step 3

1. contact form 1 वाले code के left side में arrow  पर क्लिक करें 
click left side arrow and open code


Step 4

1. अब <b:includable id=’main’> और </b:includable> के बीच में dots (….) पर click करके पूरे code को open कर लें 

click dots and open code

2. इसमें से <b:includable id=’main’> और </b:includable> के बीच में से पुरे code को delete कर दें 

Step 5

1. अब HTML Box में कहीं पर भी क्लिक करके Ctrl+F दबाएँ और  ]]></b:skin>  code को search करें 
2. अब नीचे दिए गए code को copy करके  ]]></b:skin> के ऊपर paste कर दें 



3. Save Template पर क्लिक करके Template को Save कर दें 

Step 6

Msg भेजने के लिए ब्लॉग में contact form page बनाना पड़ता है  आपने About us,या Privacy Policy page बनाया होगा उसी तरीके से आपको ये पेज बनाना है बस आपको इसमें कुछ code add करना है मैं आपको यहाँ Contact form page creat करने के बारे में बता रहा हूँ  


1. सबसे पहेले ये Code Copy   करें 

<script>

var blogId = '5867744001683197384';//replace it the text with your blogID
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name="contact-form">
<div>
Your Name : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<div>
Your Email: <em>(required)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<div>
Your Message: <em>(required)</em></div>
<textarea class="contact-form-email-message" 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" onclick="sendEmailMsg()" type="button" value="Send" />
<div style="max-width: 450px; text-align: center; width: 100%;">
<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>



2. अब अपने Blog के dashboard जाएँ और Pages » New Page पर क्लिक करें 

3. अब इसमें HTML पर click  करके code को paste कर दें 
4. page को publish  करने से पहेले code में से 5867744001683197384 Id को हटाकर अपने Blog की id  को set कर लें 
5. Comment को disallow करके page को publish कर दें 

Blogger id kaise pata kare? Blogger id kya hoti hai ?


Blogger की id का पता करने के लिए Blogger dashboard पर जाएँ.अब जो Browser में जो number होते हैं. यह blog id number होते हैं 
मुझे उम्मीद है अब आप जान गए होंगे कि Blogger me contact form page kaise add karte hain. अगर आपको Blogger me contact form add karne  में कोई problem आये तो आप comment में पूछ सकते हैं  





Share this post with your friend.


If You Enjoyed This Post Please Take 5 Seconds To Share It.

Article by: Sharuf Khan

He is a professional hindi blogger and share regular new content in hindi for begginers. You can subscribe our blog newsletter and get new updates daily for free. If you want learn more about us then click here.


0 comments:

Post a Comment

इंडिया वेबलिंक पर आपका स्वागत है ! अगर आप ने हमे कमेंट किया है तो कृपया कुछ देर के लिए प्रतीक्षा करें ! हम जल्दी ही आपके कमेंट का जवाब देने की कोशिश करेंगे ! कमेन्ट करने के लिए धन्यवाद !

FOLLOW ON SOCIAL MEDIA

LAST RECENT POSTS

GET FREE EMAIL ALERT

GET FREE LAST UPDATE

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