Support
HowTo Ran4U
Your shopping cart
ดูตะกร้าสินค้าของคุณ
ไม่มีสินค้าในตะกร้าของคุณ

การนำ PDF มาแสดงในหน้าเว็บ

wybird | 06-12-2559 | เปิดดู 421 | ความคิดเห็น 0

การนำ PDF มาแสดงในหน้าเว็บ (Embed PDF)

 ขั้นแรกต้องมี email ของ gmail ก่อนนะครับ ใครยังไม่มีให้ไปสมัครก่อนนะครับ

หลังสมัครแล้วให้ เข้าไปที่หน้า google.com แล้ว login

1. หลัง login แล้วให้คลิกที่เมนู ไดรฟ์ (Drive)  จากนั้นจะเข้ามาในส่วนของ google drive เหมือนในรูป

 

 

2. คลิกปุ่มอัพโหลด แล้วเลือกไฟล์ 

 

3.จะมีหน้าต่างสำหรับให้เราเลือกไฟล์แสดงขึ้นมา ก็ให้เราคลิกเลือกไฟล์ที่เราต้องการ แล้วกด Open (เปิด) หลังจากกด Open แล้ว google จะทำการอัพโหลดไฟล์ทันทีดังภาพ

 

4. จากนั้นให้คลิกที่ "ใช้งานร่วมกัน"

 

4. หน้าต่างการตั้งค่าการแบ่งปันจะแสดงขึ้นมา จากนั้นให้เลือก "เปลี่ยน" ในส่วนของผู้ที่สามารถเข้าถึง ดังในรูป

 

5. จากนั้นให้เลือก "สาธารณะทางเว็บ" ดังรูป แล้วกด บันทึก

 

 

6.  จากนั้นจะปรากฏหน้าต่างแสดงลิงค์ไฟล์ pdf ของเราดังรูป ให้กดปุ่ม "เสร็จสิ้น"

 

 

7. หลังจากนั้นให้เราคลิกที่ชื่อไฟล์ ดังรูป

 

8. จะปรากฏหน้าต่างไฟล์ pdf ของเราดังรูป 

 

 9. จากนั้นให้คลิกที่เมนู "ไฟล์" แล้วเลือก "ฝังไฟล์ PDF นี้..." ดังรูป

 

10. จากนั้นจะปรากฏหน้าต่างแสดงโค้ดสำหรับที่จะเอาไปใส่ในเว็บไซต์ของเราดังรูป ให้คลิกที่โค้ดแล้วกดปุ่ม Ctrl+C หรือ คลิกขวา แล้วคลิกคัดลอก (Copy) เพื่อ copy code นั้น

 

11. กลับมาที่หน้าหมวดหมู่สินค้า ที่เราต้องการแทรก PDF นี้ลงไป ให้ทำการ Login ที่ส่วนบนจะมีปุ่มสำหรับเพิ่มข้อความเพิ่มเติมลงไปในหน้าหมวดหมู่ดังรูป

ให้คลิกที่ปุ่ม "คลิกที่นี่เพื่อแก้ไขข้อความเพิ่มเติม" 

 

12. จะปรากฏส่วนสำหรับแก้ไขข้อความเพิ่มเติมดังรูป

จากนั้นให้คลิกที่ปุ่ม "ดูรหัส HTML" ดังรูป

 

13. จากนั้นให้คลิกที่ช่องว่างด้านล่างแล้วคลิกขวา แล้วคลิกวาง (Paste) หรือ กดปุ่ม Ctrl+V แล้วโค้ดที่คัดลอกมาจะแสดงดังรูป

 

14. ค่า width="640" กับ ค่า height="480" เราสามารถเปลี่ยนได้ตามต้องการ โดยปกติแล้วค่า width ที่ใช้กับหน้าหมวดหมู่สินค้าจะเป็น width="675"  

จากนั้นคลิก "บันทึก"

 

หลังจากคลิก "บันทึกแล้ว"  ถ้าโค้ดที่นำมาใส่ไม่ผิด หน้าหมวดหมู่สินค้าก็จะแสดงไฟล์ PDF ที่เราต้องการ (ถ้ายังไม่แสดงให้ลอง refresh หน้าเว็บใหม่อีกครั้ง)

 

*** นอกจากหน้าหมวดหมู่สินค้าแล้ว ในส่วนของรายละเอียดสินค้าเพิ่มเติม, บทความ และกระดานสนทนา ก็สามารถใช้วิธีเดียวกันนี้ได้อีกด้วย

 

ความคิดเห็น

วันที่: 25-06-2019

แสดงความคิดเห็น
All Comments: 0 Pages: 1/0
 

Contacts Us

หากมีมีข้อสอบถาม หรือข้อสงสัย สามารถติดต่อเราได้ที่นี่

  • เลขที่ 1432 ถนน สุทธิสาร ซอยศรีสุข แขวงห้วยขวาง เขตห้วยขวาง กทม 10320
  • 02-047-0022
  • 086-906-4106
  • Email: admin@rongrean.com

QR Code


Line id : @ran4u