अक्तूबर 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 कीजिये



Blogger Me Contact Form Kaise Add Kare ?

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

how to add contacto form in blogger

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

blog me contact form kaise add kare

  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’>

Step 3
1. contact form 1 वाले code के left side में arrow पर क्लिक करें


blogspot blog me contact form page kaise banaye


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

add contact form to blogger blog


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 कर दें

/* Contact dcrazy*/
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 400px;
max-width: 50%;
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: 50%;
max-width: 50%;
margin-bottom: 10px;
height:30px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 80%;
height:200px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #f9f9f9;
background: #1aeb00;
color: #222;
width: 100%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #f56c7e;
color: #444;
border: 2px solid #222;
}

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';//is id ko apne blog id se replace kar le
//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 में पूछ सकते हैं
loading...
If You Enjoyed, Share this post on social media.
Oh! You Like This Post Very Good.

Subscribe Newsletter Today And Get Latest Updates Free

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. learn more about us then click here.


0 टिप्पणियाँ:

एक टिप्पणी भेजें

Welcome To Dcrazy.com. अगर आपका कोई सवाल है तो आप कमेंट में पूछ सकते हैं. लेकिन आपसे Request है की कमेंट में अभद्र शब्द का प्रयोग ना करें और बिना जरुरत के कोई भी लिंक कमेंट में Add ना करें. धन्यवाद् !!!

FOLLOW ON SOCIAL MEDIA

loading...

LAST RECENT POSTS

GET FREE EMAIL ALERT

GET FREE LAST UPDATE

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