How To Practise Contact Us Page Inwards Blogger

Blogger is really robust together with tardily to operate CMS platform, yous don’t accept to move a geek to operate the dashboard or settings. But amongst easiness, at that spot comes only about limitations, By default yous can’t create a Contact us page, yous accept to either yous accept to usage whatever tertiary political party plugin or accept to tweak blogger’s official contact widget, hence that it tin run on static pages. Creating a split upward page for contact role is really professional person together with likewise makes your spider web log construct clean yesteryear hiding unnecessary widgets together with plugins So, Lets movement farther together with run across How to create Contact Us page inward Blogger

Also Check :- How to Customize Contact From Widget In Blogger

First Step (Important)

Before next the below tutorial nosotros recommend yous to install the contact shape widget inward your blog, it is really tardily procedure together with tin move done inward minutes, amongst unproblematic click. We accept published a tutorial earlier, hence yous won’t expression upward whatever difficulties. Please follow How To Add Contact Form Widget In Blogger And Blogspot Blogs.

Hiding The widget ( Adding CSS ) 

Before Editing nosotros recommend yous to brand a backup of your template, hence that anything goes incorrect yous withal accept your spider web log blueprint safe.
The First matter yous withdraw to practise is to login into your Blogger concern human relationship together with become to >> Templates >> Edit HTML together with search for the ending ]]></b:skin> tag together with only inward a higher house it glue the next code.
.sidebar .widget.ContactForm {     display: none!important; }

Creating Influenza A virus subtype H5N1 Page ( Adding HTML ) 

Before Editing nosotros recommend yous to brand a backup of your template, hence that anything goes incorrect yous withal accept your spider web log blueprint safe.
The First matter yous withdraw to practise is to login into your Blogger concern human relationship together with become to >> Templates >> Edit HTML together with search for the ending ]]></b:skin> tag together with only inward a higher house it glue the next code.
<style> #contact{     background-color:#fff;     margin:30px 0 !important } #contact .contact-form-widget{     max-width:100% !important } #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{     background-color:#FFF;     border:1px enterprise #eee;     border-radius:3px;     padding:10px;     margin-bottom:10px !important;     max-width:100% !important } #contact .contact-form-name{     width:47.7%;     height:50px } #contact .contact-form-email{     width:49.7%;     height:50px } #contact .contact-form-email-message{     height:150px } #contact .contact-form-button-submit{     max-width:100%;     width:100%;     z-index:0;     margin:4px 0 0;     padding:10px !important;     text-align:center;     cursor:pointer;     background:#27ae60;     border:0;     height:auto;     -webkit-border-radius:2px;     -moz-border-radius:2px;     -ms-border-radius:2px;     -o-border-radius:2px;     border-radius:2px;     text-transform:uppercase;     -webkit-transition:all .2s ease-out;     -moz-transition:all .2s ease-out;     -o-transition:all .2s ease-out;     -ms-transition:all .2s ease-out;     transition:all .2s ease-out;     color:#FFF } #contact .contact-form-button-submit:hover{     background:#2c3e50 } #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{     box-shadow:none !important } </style> <div class="contact-form">  <div class="contact section" id="contact" style="display:block;">  <div class="widget ContactForm" id="ContactForm1">  <div class="contact-form-widget">  <div class="form">  <form name="contact-form">  <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />                                  <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />                                  <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>                                  <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />                                  <br />  <div style="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>  </div>  </div>  </div>  </div>  </div>

Conclusion

Congrats !! You accept made it. forthwith yous accept learned that How to create Contact Us page inward Blogger Visit your spider web log together with banking concern jibe the awesome widget alive inward action, This is the Part -III of the Tutorial, Hope yous liked this tutorial, if yous enjoyed together with then delight part it amongst your friends, nosotros are working hard to prepare to a greater extent than such awesome widgets delight remain tuned amongst Us. Vaarwel !! (Goodbye inward Dutch!! hahaha).


Sumber https://www.sorabloggingtips.com/