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

นำไฟล์ mp3 จาก Google Drive เล่นบน Blogger

Written By aphsara on วันเสาร์ที่ 4 เมษายน พ.ศ. 2563 | 09:32


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




ก่อนที่คุณจะนำไฟล์เสียง mp3 มาใช้งาน  ขั้นตอนแรกต้องไปตั้งค่าแชร์ให้เป็นสาธารณะทางเวบเสียก่อนค่ะโดยเอาเมาส์ไปวางที่ไฟล์เสียง mp3 นั้นแล้วคลิ๊กไปที่ไอคอนคน ที่อยู่ด้านบน





เลือกตั้งค่าขั้นสูง



เปลี่ยนผู้มีสิทธิ์เข้าถึงให้เป็นสาธารณะทางเวบ  จะปรากฏลิงค์ที่จะแชร์ อยู่ด้านบนให้คัดลอกลิงค์ที่จะแชร์  ซึ่งอยู่ในกรอบสีแดง ในรูปด้านบน มาไว้ เพื่อเอาไปวางในโค้ด iframe
โค้ด iframe จะมีหน้าตาดังนี้



<iframe
frameborder="0"
width="400"
height="200"
src="https://drive.google.com/file/d/1234xyz/preview">
</iframe>

ให้แก้ url ตรงที่ขีดเส้นใต้เป็น url ของไฟล์เสียง mp3 ของเรา ที่คัดลอกมาจาก Google drive จากตัวอย่างจะได้ url  มาดังนี้
ให้คัดลอก url ทั้งหมด แต่ตัดในส่วน /view?usp=sharing   ออกไปให้เหลือแต่

https://drive.google.com/file/d/1vAL4nhsdaiGjxWIeOO_GbyLs7adKM6Mm

 แล้วนำ   url ดังกล่าวไปแทนที่ใน iframe  ก็จะได้โค้ดดังนี้


<iframe
frameborder="0"
width="400"
height="200"
src="https://drive.google.com/file/d/1vAL4nhsdaiGjxWIeOO_GbyLs7adKM6Mm/preview">
</iframe>

จากนั้นนำโค้ด iframe มาวางในส่วนของ HTML ในบทความของบล็อกเกอร์  เพียงเท่านี้คุณก็จะสามารถเล่นไฟล์เสียง mp3 ในเวบบล็อกเกอร์เรียบร้อยแล้วค่ะ




09:32 | 0 comments | Read More

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

Written By aphsara 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 aphsara 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

username และ password แจ้ง Incorrect ใน Windows Live Writer

Written By aphsara on วันจันทร์ที่ 21 ธันวาคม พ.ศ. 2558 | 07:45

โปรแกรมโปรด  โปรแกรมเป็นตัวช่วยในการเขียนบทความในเวบบล็อกของดิฉัน  คือ Windows Live Writer ไม่ว่าจะเขียนบล็อกใน wordpress  ,blogger และที่อื่นๆ  ก็มักจะใช้ Windows Live Writer เป็นเครื่องมือทำมาหากินตลอดมา   แต่เมื่อไม่กี่วัน เจอปัญหาแจ้งข้อความ error ว่า The username or password is incorrect  please  try  again .      ซึ่งเป็นการแจ้งให้ทราบว่าบัญชีของ blogger มีปัญหา แต่เช็คแล้วเช็คอีก  มันก็ไม่มีปัญหา    งั้นเป็นไปได้ทางเดียวคือ   เป็นปัญหาที่โปรแกรม Windows Live writer  เมื่อทดสอบใช้งานผ่าน Wordpress กลับปรากฏใช้งานได้  งั้นแสดงว่า  จะมีปัญหาเฉพาะกับ blogger เท่านั้น

fix username and password incorect

 

หลังจาก ค้นหาคำตอบในการแก้ปัญหา   ไม่ว่าจะ setup account ใน google หรือสร้าง code ผ่าน app windows live writer แต่ก็ไม่สามารถใช้งานได้  แต่หลังจากได้ดาวน์โหลดโปรแกรมฟรี  Open Live Writer   มาใช้งาน  พบว่า สามารถใช้งานได้ดี พอ ๆ กับโปรแกรม Windows Live Writer  ฟังก์ชั่นต่างๆ ใช้งานคล้ายกับ สามารถใช้ร่วมกับบล็อกหลายค่าย  ที่สำคัญมันแก้ปัญหาในการล็อกอินของ blogger ผ่าน Windows Live writer ได้นี่ซิ   blogger คนใดเจอปัญหาเช่นเดียวกันนี้  เป็นอีกทางในการช่วยการทำงานของคุณค่ะ Smile

07:45 | 3 comments | Read More

เครื่องมือ capture ภาพหน้าเวบประกอบบทความใน Blogger

Written By aphsara on วันอาทิตย์ที่ 28 มิถุนายน พ.ศ. 2558 | 08:26

awesome screenshort

วันนี้ขอนำเสนอ Extension หรือ เรียกว่า Addon ในเวบบราวเซอร์ Firefox ที่จะช่วยงาน Blogger ของคุณ ๆ ได้สะดวกขึ้น  เพราะ Extension ตัวนี้สามารถจับภาพหน้าเวบ พร้อมตกแต่ง และสามารถนำคัดลอกมาวางในบทความได้ทันที  เครื่องมือที่ใช้ capture ก็ใช้งานงาน  สามารถใช้งานได้ทั้งบน Google Chrome และ Firefox ที่สำคัญ ฟรีค่ะ  ตัวช่วยตัวนี้มีชื่อว่า  awesome screenshot สามารถศึกษารายละเอียดเพิ่มเติมได้จากคลิปด้านล่างนี้

 

08:26 | 0 comments | Read More