วันพุธที่ 27 มีนาคม พ.ศ. 2562

เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger


เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

1.ขั้นตอนแรก เราต้องสร้างแบบฟอร์มให้เรียบร้อยด้วย Google drive
เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

2. เปิดหรือเลือกไฟล์แบบฟอร์มที่เราสร้างไว้

เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

3. ทำการคลิกที่ปุ่ม ส่ง  (สีขาว) ซึ่งจะเกิด หน้าต่างใหม่ซ้อนทับขึ้นมา ซึ่งจะมีรายละเอียด ของการนำไปใช้งานดังภาพข้างล่าง
เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

เลือกลิงก์ คลิก ตัด URL ให้สั้นลง จะได้ URL ที่เราจะนำไปใช้งาน  ให้ทำการ copy ลิงก์ ไว้ ทำการปิดโดยคลิกปุ่ม เสร็จสิ้น สีฟ้า ดังรูป

4.ไปที่เว็บ Blogger ที่เราเป็นสมาชิก เข้า Login ในฐานะผู้สร้างงาน

เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger
5. ไปที่หน้าควบคุมระบบบล็อกหรือที่เรียกว่าแดชบอร์ด (Dashboard) แล้วดูตรงส่วนควบคุมบล็อก (ซึ่งจะอยู่ด้านซ้ายมือ) คลิกเลือกรายการ ชื่อ หน้า หรือ Pages

เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

6. เข้ามาหน้า Pages แล้วเลือก HTML ดังภาพ

เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger

7. จะเกิดหน้าต่างเพื่อวางคำสั่ง ให้ตั้งชื่อ Pages นี้ (ตามแต่จะตั้งแต่ให้สื่อความหมายด้วย)


8. ทำการวาง Tag คำสั่งลงไปในหน้า Pages ที่เลือก HTML
-----------------------------------------------------------------------------------------------------------
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<iframe frameborder="1"  name="text" scrolling="yes" src="http://goo.gl/forms/pngYJKxb1M" width="650" height="1000">
</iframe>
</div>

-----------------------------------------------------------------------------------------------------------

เฉพาะ สีดำ เป็นส่วนข้อความคำสั่งบังคับ
เฉพาะสีส้ม คือ
URL form ที่สร้างจาก Google drive ตามที่เราได้ copy ไว้
ส่วนสีนำเงินปรับตัวเลขได้
width=650 ความกว้างของแบบสอบถาม
height=1000 ความสูงของแบบสอบถาม
frameborder=1 กำหนดเลข 1 แสดงขอบ ไม่ให้แสดง เป็น 0
scrolling=yes กำหนดให้แสดงแถบ scroll bar ด้านข้าง  yes  แสดง  no ไม่แสดง


9.เมื่อเสร็จแล้ว กด Save และ Publish ก็จะได้แบบฟอร์มตามที่เราต้องการ


บทความหน้าสนใจ

เพิ่ม Custom Robots.Txt ไปยัง Blogger
วิธีการตั้งค่า Custom Robots Header Tags
วิธีการเพิ่มแบบฟอร์ม Contact Form ลงในหน้า Blogger
วิธีติดตั้ง Templates ลง Blogger
วิธีการสร้าง Blogger 
เพิ่มแบบฟอร์มจาก Google drive ลงในหน้า Blogger