วันพฤหัสบดีที่ 5 พฤษภาคม พ.ศ. 2559

วาง embed code จาก Google Drive บน Blogger

Google Drive มีบริการฝากไฟล์  ซึ่งคุณสามารถอัพโหลดและแชร์ได้ง่ายๆ กับเพื่อน  ซึ่งในการแชร์มีอีกวิธีหนึ่งคือ การนำเสนอแบบออนไลน์  โดยแชร์ผ่านหน้าเวบบล็อก ให้ผู้อ่านสามารถดูหรืออ่านเอกสารที่คุณ ๆ ฝากบน Google Drive  ผ่านเวบบล็อก Blogger ได้แบบง่ายๆ 

 

โค้ด html ฝังเอกสารจาก Google Drive บนเวบ

เพราะ Google Drive สนับสนุนการแชร์เอกสารเหล่านี้   ดังนั้นวิธีการง่ยๆ ที่คุณจะนำเอกสารออนไลน์แชร์ผ่าน blogger ก็เพียง คัดลอก embed code ซึ่ง คัดสามารถคัดลอก embed  code ได้เพียง    คลิ๊กไปที่ไอคอน จุดสามแถบดังรูปด้านบน    จะปรากฏมีเมนูย่อยให้เลือก ฝังรายการ

อ่านเอกสารบน Google Drive ออนไลน์บนเวบ

แล้วจะปรากฏโค้ด HTML สำหรับนำไปฝังหรือวางบนเวบไซต์หรือเวบบล็อก  ให้คัดลอกโค้ด ดังกล่าว

แต่บล็อกด้วยเอกสาร Google Drive

 

หลังจากนั้นไปที่ Blogger เมื่อต้องการนำเอกสารแชร์ ให้คุณคลิ๊กไปที่โหมด HTML แและวางโค้ดที่คัดลอกลงไปตรงจุดที่ต้องการแทรกเอกสารจาก Google Drive ลงไปบนเวบบล็อก  แก้ไขโคัด  ตรงที่เป็นตัวเลข  เพื่อให้ได้ขนาดของเอกสารเหมาะสมกับรูปแบบของเวบบล็อก

<iframe src="http://docs.google.com/gview?url=url ของเอกสาร PDF&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

ตั้งค่า Width : ความกว้างในการแสดงผล เอกสาร

ตั้งค่า  height . ค่าความสูงของ เอกสาร ที่จะให้แสดงผล

ต่อจากนั้นก็ลองประกาศบทตวาม ( Publish ) แล้วสังเกตผลได้เลยค่ะ

rubsub

บล็อกเกอร์สมัครเล่น เขียนบทความเกี่ยวกับการใช้งานคอมพิวเตอร์และอินเตอร์เน็ต จากประสบการณ์ใช้งานด้วยตนเอง

0 ความคิดเห็น:

แสดงความคิดเห็น

 

Copyright @ 2013 Computer Tip.

Designed by Templateify & Sponsored By Twigplay