ขับเคลื่อนโดย Blogger.

นำเอกสาร PDF จาก Google Drive วางใน Blogger

Written By Aucharaporn Theemcle on วันจันทร์ที่ 25 มกราคม พ.ศ. 2559 | 06:27

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

 

ซึ่งวิธีการก็เพียงหา Direct Link  ของเอกสาร PDF ที่อยู่บน Google Drive แล้วนำมาวางใน Code Iframe ดังนี้

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

โดยแทนที่  URL ของเอกสาร pdf ของคุณ

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

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

เพียงเท่านี้เอกสาร PDF ก็จะสามารถเล่นในหน้าเวบบล็อก ของ Blogger  ได้เรียบร้อยค่ะ

06:27 | 0 comments | Read More

HTML 5 Code สำหรับวาง Audio ใน Blogger

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 24 มกราคม พ.ศ. 2559 | 05:50

เพราะตั้งใจจะนำไฟล์เสียงจาก Google Drive เอามาวางแชร์ในเวบบล็อก Blogger จึงผ่านไปเจอกับ Code ที่จะวางเป็น embed code ในรูปแบบ HTML5 เลยเก็บมาบันทึกไว้  เผื่อใครได้นำไปใช้ด้วยกันค่ะ

1. เป็นโค้ดพื้นฐานสำหรับวางไฟล์เสียงใน blogger

<audio controls>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>

เพียงนำ url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

2.  สำหรับใครที่อยากจะให้ไฟล์เสียงเล่นอัตโนมัติ  ทันทีที่เปิดหน้าเวบมา

 

<audio controls autoplay>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>

แก้ไข url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

3.ตั้งค่าให้เล่นเพลงต่อเนื่องแบบวนลูปไปเรื่อย ๆ

<audio controls loop>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>

แก้ไข url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

เอาไปทดลองใช้กันดูค่ะ  สำหรับดิฉันทดสอบมาเรียบร้อยแล้ว ใช้ได้ผลดีด้วย 

สำหรับ Host ฝากไฟล์เสียง ใครกำลังมองหาแหล่งฝากฟรี ลองดูบริการ Google Drive สำหรับวิธีการนำไฟล์เสียงจาก Google Drive มาใช้งานกับ Blogger อ่านเพิ่มเติมได้ที่   การค้นหา Direct Linkของ ไฟล์เสียงใน Google Drive - มือใหม่หัดใช้เน็ต

05:50 | 1 comments | Read More