How to Create contact form in google blogspot page || BLOGSPOT

కాంటాక్ట్ ఫారం గూగుల్ బ్లాగ్ స్పాట్ లో ఎలా తయారు చేయాలి:  బ్లాగ్ స్పాట్
#webpagelinks, వెబ్సైటు నుంచి ఈరోజు మనం కాంటాక్ట్ ఫారంను గూగుల్ బ్లాగ్ స్పాట్ పేజి లో ఈ క్రింది పాయింట్స్ ద్వారా తయారు చేసి టెస్ట్ చేసి చూస్తాము. అప్పుడు ఫారం లో ఎవరైనా నింపినవన్ని మీ GMAIL కి వస్తాయి.

1. కాంటాక్ట్ ఫారం ని layout నుంచి add చేయాలి.
  layout -- add gadget -- select contact form -- ok

2. ఇప్పుడు కాంటాక్ట్ ఫారం ని hide చేయాలి:
  Theme -- Customize -- Advance -- Add CSS
  ఈ క్రింది కోడ్ ని add చేయాలి. తరువాత save చేయాలి.

#ContactForm1 {
display:none;
}

3. ఇప్పుడు కాంటాక్ట్ ఫారం ని బ్లాగ్ స్పాట్ లో పేజి కి add చేయాలి
   Page -- create new page -- give name: Contact
   ఇప్పుడు పేజి ని html view కి మార్చాలి.
  కుడి వైపు options క్లిక్ చేసి Don't allow, hide existing compose mode సెలెక్ట్ చేయాలి. ఇపుడు done ప్రెస్ చేయాలి.

4. ఈ క్రింది కోడ్ ని పేజి కి html view లో వుంచి add చేయాలి.

<div id="custom_ContactForm1" class="widget ContactForm">
 <div class="contact-form-widget">
<p>Contact me by filling out the form below, I'll try to reach you as soon as possible.</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(&quot;ContactForm1&quot;));" href="//www.blogger.com/rearrange?blogID=8799058979810298021&amp;widgetType=ContactForm&amp;widgetId=ContactForm1&amp;action=editWidget&amp;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>

తరువాత update చేయాలి.
ఇప్పుడు పేజి ఓపెన్ చేసి ఫారం లో అన్ని వ్రాసి send చేయాలి. అది మీ బ్లాగ్ స్పాట్ వున్న మెయిల్ లోకి వస్తుంది.    

***