ขับเคลื่อนโดย 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

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

Written By Aucharaporn Theemcle 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 Aucharaporn Theemcle on วันอาทิตย์ที่ 28 มิถุนายน พ.ศ. 2558 | 08:26

awesome screenshort

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

 

08:26 | 0 comments | Read More

เครื่องมือแต่งภาพออนไลน์สำหรับ BLOGGER

ช่วงนี้ใช้โน๊ตบุ๊คตัวใหม่ ที่ยังไม่ได้ติดตั้ง Windows Live Writer  ก็เลยใช้ extension ใน Firefox และ Google Chrome ที่มีชื่อว่า  Scribe Fire  ในการแก้ไขและเขียนบทความในเวบบล็อก 

image

ในการเขียนบทความแบบออนไลน์ผ่าน blogger เอง หรือว่าใช้ Sribe Fire  หรือแม้แตใช้ windows Live Writer ที่สามารถเขียนแบบออฟไลน์  การตกแต่งภาพนับว่าสำคัญ  ดังคำกล่าวที่ว่าหนึ่งภาพ แทนคำล้านคำพูด วันนี้มีตัวช่วยแต่งภาพแบบออนไลน์มานำเสนอ  นั่นคือเวบไซต์  http://pixlr.com/editor/  ที่นำเสนอเวบไซต์แห่งนี้เพราะ  คุณสามารถนำรูปภาพจากเวบไซต์อื่นๆ บนอินเตอร์เน็ต มาปรับแต่งได้ ด้วยการเปิดรูปภาพแบบ url เช่น นำรูปภาพจาก facebook มาปรับแต่งโดยไม่ต้องดาวน์โหลด แล้วอัพโหลดขึ้นไปแต่งภาพอีกที  ลดภาระขั้นตอนยุ่งยาก  นอกจากนั้น เครื่องมือในการปรับแต่งภาพ  ต้องบอกว่าครบครัน

image

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

08:15 | 0 comments | Read More