Blogger में Contact Us Page कैसे बनाये?


जब आप blogging करना start करते हो. तो starting में कुछ चीज़े सीखना जरुरी हो जाता है जिसमे  एक है contect us पेज. आज हम इसी के बारे में बात कर रहे हैं तो चलिए Friends start करते हैं.
इसके लिए आपको तीन चीजे  करनी होगी .
  1. Contact Form Gadget Add करना होगा. 
  2. Contact Form को Hide करना होगा.
  3. Contact Form को Page में show करना होगा.
तो चलिए Friends सभी चीजे को Step by Step करते हैं .

Step 1.blogger में contect form कैसे add करें?

सबसे पहले अपने blogger को account में login करना होगा.उसके बाद Layout  पर click करना होगा
layout पर click करने के बाद आपको add a gadget पर click करना होगा
Add a gadget पर click करने के बाद आपको Contact Form को add करना होगा

Step 2.Contact Form को Hide कैसे करें?

Contact Form को hide करने के लिए आपको Theme पर click करने के बाद Edit HTML पर click करना होगा 

अब आपको Edit HTML के अंदर serch करना होगा  ]]></b:skin>  (Search करने के लिए Ctrl+ F press करे)
फिर निचे दिया हुआ code   ]]></b:skin> के बिलकुल ऊपर add करना होगा.

div#ContactForm1 {
display: none !important;
}
अब save theme buttan पर click करके code को save कर दें .
contact form अब hide हो चूका है

Note. कुछ भी करने के पहले अपनी theme backup बना ले

Step 3.Contact form को  Page में कैसे Show करे?

Contact form को  Page में show करने के लिए आपको pages option पर click करना होगा. 
और यहाँ आपको एक page Create करना होगा. page Create करने के लिए new page buttan पर क्लिक करें 
अब page को title दें..जैसे Contact  Us ,Contact me आप कुछ भी दे सकते हैं.
अब ‘HTML’ पर click करे और वहाँ पहले से जो भी codes है उसे delete करे.
 फिर निचे दिया हुआ code paste करे.

<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

अब Right hand side पर जो ‘Options’ है वहाँ, reader comments- Don’t allow करे.
Compose mode Show – HTML literally करे.
Link Breaks-  Use <br> tag करे और Done कर दे 
अब इसे publish कर दे
ऐसा करते ही आपका blogger में contact page बन जायेगा, अब आप contact page footer, menu में add या जहा आपको add करना है वहाँ कर सकते हैं. 

Your Abftechworld team
keep support


Was this helpful?

Post a Comment

0 Comments