Downloads

Students Corner Blogger Templates Wordpress Themes Tools and plugins

Custom Robot Text For Blogger

				
					User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: https://www.example.com/sitemap.xml

Note : Change your Domain URL in the Last Line .

How to add Contact Us Form on a Page

Insert Coding befor </Head> Tag

				
					<style type="text/css">
/* Muhammad Shakeel - www.starcomputeracademy.org */
#ContactForm1{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Google Sans';border-radius:99em;text-indent:10px;display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#f7f9f8;color:#222;border:1px solid rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all .6s}
#ContactForm1_contact-form-email-message{font-family:'Google Sans';border-radius:22px;width:100%;height:250px;margin:10px auto;padding:20px;background:#f7f9f8;color:#222;border:1px solid rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all .6s}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:transparent;box-shadow:inset 0 0 0 0.125rem #f7f9f8}
#ContactForm1_contact-form-submit{background:#4285F4;outline:none;color:#fff;font-size:14px;width:161px;height:42px;float:left;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:22px;transition:all .8s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
#ContactForm1_contact-form-submit:hover,#ContactForm1_contact-form-submit:focus{background:#3C7DF3;color:#fff;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 2px 4px 1px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}
#ContactForm1_contact-form-submit{height:45px;display:table;margin:10px auto 0 auto;text-align:center;float:none;width:100%}
</style>

Now Inset Below Code before </body> Tag

				
					<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '8371150297240855621';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8371150297240855621','//example.blogspot.com/','8371150297240855621');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '8371150297240855621', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]&gt;
</script>

NOTE:

Before adding this JavaScript code to your blog theme, change all the blog ID code 6324725667812101458 in this JavaScript code with your blog ID and also change this URL //example.blogspot.com/ to your blog URL.

Put Below Code In Your Contact Us Page

				
					<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />
</div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />
</div>
<div class="formcolumn3">
<textarea style='position:relative;overflow:hidden' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="7"></textarea>
</div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Pages For Blog

Premium Themes Previews

Download Premium Themes for Free

Stay Ahead with Our Premium Resources

Add value to your learning with our Premium resources on the latest technology trends and practices. Give yourself an edge over others and stay on top of your Blogas and Website with our curated collection. From Blogger to WordPress CMS, we have it all covered. Download now and unlock your potential with technology.