วิธีการเพิ่มแบบฟอร์ม Contact Form ลงในหน้า Blogger
วันี้เรามาเพิ่มแบบฟอร์ม Contact Form ลงในหน้า Blogger กันเริ่มเลย1. เข้าไปยัง Dashboard > Template > Edit HTML. ค้นหา ]]></b:skin> และวาง code ด้านล่างนี้ ก่อนคำว่า ]]></b:skin>:
----code----
#ContactForm1{
display: none !important;
}
-----------
เสร็จแล้วคลิกบันทึกแม่แบบของคุณ
2. การเพิ่มฟอร์มติดต่อไปยังหน้า เข้าไปที่ Dashboard > Posts แลัวคลิกเลือก New Page จะได้หน้าว่าง คลิกเลือก HTML คัดลอก code ด้านล้างนี้ไปว่าง
----code----
<form name='contact-form'>
<p></p>
Name<br />
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' />
<p></p>
<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' />
<p></p>
Message<span style='font-weight: bolder;'>*</span><br />
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' />
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
----------
เสร็จแล้วคลิกบันทึกแม่แบบของคุณ
นอกจากนี้คุณยังสามารถปรับแต่งแบบฟอร์มการติดต่อด้วยสไตล์ CSS ที่กำหนดเองได้