Blogger के लिए contact US Page कैसे बनाएं पूरी जानकारी हिंदी में

Blogger ke liye contact US Page Kaise Banaye


हेलो दोस्तों INDIAMYHELP में आपका स्वागत है। और आज की हमारी पोस्ट है, blogger ke liye contact us page kaise banaye 


सबसे पहले हमारे मन में यह सवाल आता है की contact us page क्या है ? और यह हमारे ब्लॉक या वेबसाइट के लिए क्यू जरूरी है। दोस्तों अगर आप ब्लॉगर ब्लॉग हो तो यह पोस्ट आपके लिए बहुत जरूरत पड़ सकती है।

Contact US Page क्या हैं ?
Contact Us Page की क्या जरूरत हैं ?

यह सारे सवालों का जवाब आपको इस पोस्ट में आपको मिल जाएंगे।


दोस्तों हमारे ब्लॉग या वेबसाइट पर बहुत सारे विजिटर आते हैं। तो उने हमें हमारे ब्लॉग वेबसाइट बारे में या फिर हमारे बारे में जानना हो या कुछ पर्सनल काम या ब्लॉग पोस्ट से रिलेटेड कोई प्रॉब्लम हमें बताने के लिए कांटेक्ट कर सकते हैं।
इससे आसानी से हमारे विजिटर हमें कांटेक्ट कर सकते हैं।

यह भी पढ़े :


Contact us page Kaise add kare.

Step 1 : 
सबसे पहले आप लोगों के डैशबोर्ड से लाए आउट पर क्लिक करें उसके बाद Add a Gadget पर क्लिक करना हैं। उसके बाद आपको Contact From पर क्लिक करना है, और save बटन पर क्लिक करना है।

Step2 : 
उसके बाद अपने देश बोर्ड में जाए और Pages पर क्लिक करें उसके बाद न्यू Page पर क्लिक करें।
अब आपको HTML tab पर क्लिक करना हैं। उसके बाद आपको नीचे जो कोड दिया है वह कौन वहां आपको पेस्ट करना है ।

Step 3 : 
अब आपको पेज सेटिंग पर क्लिक करना है। उसके बाद आपको Don't allow Compose mode पर क्लिक करना है, और Done पर क्लिक करना है।


1. Stylish Blogger Contact Form

यह एक सुंदर और responsive ब्लॉगर Contact From है। यह एक सरल और आकर्षक डिजाइन है। इसके अलावा, इस फॉर्म में कुछ अतिरिक्त विशेषताएं हैं। इसमें एक क्लिक के साथ पाठ क्षेत्र को खाली करने के लिए एक स्पष्ट बटन है। इसमें सामाजिक पेजों के बारे में उपयोगकर्ताओं को सूचित करने के लिए कुछ सामाजिक बटन हैं।




<style>
.tb-contact-form-widget{background-color:#A4A4A4;background-image: url("https://2.bp.blogspot.com/-JgcTvhPBO1o/WU1E2reu27I/AAAAAAAAAE4/op_A1zV78IMyRhQYKGV1zbcXtX3eybwNACPcBGAYYCw/s1600/to-contact-img-2.jpg");background-repeat: repeat;background-position: 100% 100%;color:white;padding:25px;}
.srbtn{display:inline-block;}
.cform-button, .btn-reset{background-color:#f1f1f1;padding:5px 30px;}
.cform-button:hover {background-color: #2980b9;color: #fff;}
.btn-reset:hover {background-color: red;color: #fff;}
.tb-contact-form-widget h3{text-align:center;margin:20px 0;padding:10px 0;border-top: 1px dotted #f5f5f5;}
.c-form-name, .c-form-email { width: 50%; max-width: 50%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;}
.c-form-email-message { width: 95%; max-width: 95%; margin-bottom: 10px;padding: 10px;border: 1px solid #CCC;border-radius: 5px;box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;}
.c-form-name, .c-form-email, .c-form-email-message input:focus{background-color: #FFF;box-shadow: 0 0 0 1px #E8C291 inset;border-color: #E8C291;outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #E8C291 inset;}
.b-social-buttons{list-style-type:none;text-align:center;}
.b-social-buttons li{display:inline-block;padding:15px;background-color:#f5f5f5;border-radius:5px;}
.b-social-buttons li a{color:#333;text-decoration:none;}
#ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:100%;margin-top:35px;}
</style>
<div class="tb-contact-form-widget"> <form name="contact-form"> <div class="form-name"><span><i class="fa fa-pencil-square-o"></i> Your Name: </span><br /><input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div> <div class="form-email"><span><i class="fa fa-envelope-o"></i> E-mail Address *: </span><br /><input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div><div style="clear: both;"></div><div class="form-message"> <span><i class="fa fa-keyboard-o"></i> Message *:</span><br />
<textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><div class="srbtn"><input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" /><input type="reset" class="btn-reset" value="Clear" /></div><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>
<h3>Our Social Sites</h3>
<ul class="b-social-buttons">
<li><a href="#" class="btn-lg"><i class="fa fa-twitter"> <span class="network-name">Twitter</span></i></a></li>
<li><a href="#" class="btn-lg"><i class="fa fa-facebook"> <span class="network-name">Facebook</span></i></a></li>
<li><a href="#" class="btn-lg"><i class="fa fa-youtube-play"> <span class="network-name">Youtube</span></i></a></li>
</ul></div></form></div>

इस code में रेड कलर का दिख रहा है वहां पर आपको सोशल मीडिया का URL डालना है।
इस code को आप कॉपी कर ले और HTML tab  जाकर पस्ट कर दे। उसके बाद पब्लिश कर दे अब बन चुका है आपका contact us form.

Agar aapko yeh post Pasand Aaye to please neeche comment Karke jarur bataye.
इस पोस्ट से रिलेटेड आपको कोई भी प्रॉब्लम है, तो प्लीज नीचे कमेंट करके बताइए और सोशल मीडिया पर इस पोस्ट को शेयर करना ना भूले और ऐसे ही पोस्ट पाने के लिए हमारी वेबसाइट को सब्सक्राइब करें यह एक फ्री सर्विस हैं।

1 Comments

  1. Nice post good information
    https://www.technologytipsblog.online/2019/03/google-plus-new-update.html#more

    ReplyDelete