How to create Contact form (Official) to contact page
Contact form widgets move to Static Contact Page in 3 simple step.....
URL like that http://yourname.blogspot.com/p/contact-us.html
Step 1: Add Contact form widgets
เคธเคฌเคธे เคชเคนเคฒे Blogger เคฎें Login
เคเคธเคे เคฌाเคฆ Layout เคฎें เคाเค,
เคเคนी เคญी เคिเคธी เคญी เคॉเคฒเคฎ เคฎें Contact from widgets เคोเคก़े,
เคเคธเคे เคฌाเคฆ non-display code เคธे, เคो เคจीเคे เคฆिเคฏा เคนैं เคเคธเคธे Hide เคเคฐे,
เคเคธเคे เคฌाเคฆ Layout เคฎें เคाเค,
เคเคนी เคญी เคिเคธी เคญी เคॉเคฒเคฎ เคฎें Contact from widgets เคोเคก़े,
เคเคธเคे เคฌाเคฆ non-display code เคธे, เคो เคจीเคे เคฆिเคฏा เคนैं เคเคธเคธे Hide เคเคฐे,
div#ContactForm1 {
display: none !important;
}
Step 2: Hide Contact form
Hide เคเคฐเคจे เคे เคฒिเค เคธเคฌเคธे เคชเคนเคฒे Blogger เคे Theme เคฎें เคाเคँ Blogger Theme Designer เคฎें เคเคจे เคे เคฌाเคฆ Advanced เคฎे เคाเค, เคเคธเคे เคฌाเคฆ Add CSS เคชเคฐ Click เคเคฐें เคเคชเคฐ เคฆिเค CSS Code เคो Copy เคเคฐ Paste เคเคฐें Save เคฌเคเคจ click เคเคฐें।
How to Add Contact Page in Blogger view video
Step 3: Create Contact Page
เค
เคฌ เคเคชเคा Contact from, Hide เคนो เคुเคा เคนै। เคเคธे Contact Page เคฎें Change เคเคฐเคจे เคे เคฒिเค เคเคช Blogger Page เคฎें เคाเคँ, Create new page เคชเคฐ click เคเคฐें। เคเคธเคे เคฌाเคฆ HTML เคชเคฐ click เคเคฐे เคซिเคฐ เคจीเคे เคฆिเค Code เคो Copy เคเคฐ Paste เคเคฐें। เคเคฐ Publish เคเคฐें।
<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=8271139629621125205&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=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>
<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>
<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=8271139629621125205&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=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>
blogID=8271139629621125205,please change my blogID, put your blog ID....
Note: Layout เคฎें เคाเคเคฐ Cross-Column เคฎें Pages เคोเคก़े।
เค
เคเคฐ เคोเค เคชเคฐेเคถाเคจी เคนो, เคคो เคเคช เคนเคฎें Comment เคเคฐ เคชुเค เคธเคเคคे เคนैं।
see you Happy Blogging.....
see you Happy Blogging.....
great collections of apk for free hotstar apk download
ReplyDeleteAVG Antivirus internet security Support Number for renew and upgrade AVG AntiVirus or AVG Internet Security to AVG Internet.Dial 1877-929-3373 AVG Customer and Technician Experts only for Solution.
ReplyDeletefor More Information Dial Antivirus Customer Service Number.
ReplyDeleteOnline Review MarketTeaches You The best Seo,Blogging,Make Money Online,Girl Whatsapp Group Join,Mobile Review,Link Building Tips and Tricks For Free
100+Hot Girl Whatsapp Group Join Link
Xiaomi Mi Band 4 Features Price and Specification
Thanks for shearing with us such a nice information;;
ReplyDeleteIf any one want to recover their google account contact google account recovery phone number
Nice Blog Thanks for Sharing.
ReplyDeletesales automation process
marketing automation software
list of email ids of companies
This comment has been removed by a blog administrator.
ReplyDelete