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

สร้าง Playlists ให้ไฟล์เสียงและวีดีโอ ด้วย Yahoo media player ใน Blogger

Written By Aucharaporn Theemcle on วันศุกร์ที่ 27 เมษายน พ.ศ. 2555 | 22:39

สร้าง Playlists ให้ไฟล์เสียงและวีดีโอด้วย yahoo media player หลังจากจับเอาไฟล์เสียง mp3 เล่น บนเวบบล็อกของ blogger ไปแล้ว คราวนี้อยากลองเอาไฟล์เสียงเหล่านี้เล่นออนไลน์ แต่มีเป็น playlist ให้เลือกเล่นได้หลาย ๆ เพลง   อยากเอาไปประยุกต์ใช้ในเวบบล็อกธรรมะที่ตนเอง  ทุ่มทุนสร้าง Smile ค้นหานานวิธีการนานเป็นอาทิตย์  ทดลองแต่ละเครื่องมือก็ยังไม่โดนใจ  บางแห่งรูปแบบ playlists สวยมาก แต่กลับไม่สามารถเพิ่มไฟล์เสียงเอง  จำเป็นต้องเลือกไฟล์เสียงเหล่านั้นตามที่เวบมีบริการให้  เนื่องจากตั้งใจนำเอาไฟล์เสียงธรรมะเล่นออนไลน์รับรองได้ว่า เวบไซต์แห่งไหน ๆ ก็มิมีให้บริการสร้าง Playlists เป็นเสียงธรรมแน่นอน  และแล้วก็มาถูกใจเอากับเครื่องมือแต่งเวบตัวนี้ค่ะ   Yahoo Web Player  เจ้า Yahoo web player ตัวนี้ช่วนให้เราปรับแต่งไฟล์เสียงรวมทั้งไฟล์วีดีโอเล่นออนไลน์ในเวบไซต์หรือเวบบล็อก  โดยสามารถสร้างเป็น playlists ได้ ที่สำคัญไฟล์เสียงและไฟล์วีดีโอเหล่านั้นเป็นไฟล์เสียงหรือวีดีโอของเราเอง  นั่นคือเราสามารถเพิ่ม url ของไฟล์ media เหล่านั้นเอง  ตามมาดูวิธีการสร้าง Playlists ไฟล์เสียงและวีดีโอใน blogger กันค่ะ

สร้าง Playlists ให้ไฟล์เสียงและวีดีโอด้วย yahoo media player

 

1, ให้ Login เข้า แดชบอร์ดของ blogger >แม่แบบ >แก้ไข Html> คลิ๊ก crtl+f เพื่อค้นหา </head>

<script src='http://mediaplayer.yahoo.com/js' type='text/javascript'/>

2. เมือเจอ </head> ให้วาง code ด้านบนนี้ไว้ก่อน </head> หลังเพิ่ม code แล้วคลิ๊กบันทึกเทมเพลต

 

สร้าง Playlists ให้ไฟล์เสียงและวีดีโอด้วย yahoo media player

3.ต่อจากนั้นมาที่แถบเมนู รุปแบบ >เพิ่ม gadget> คลิ๊กเพิ่ม HTML/จาวาสคริปต์

 

<p><a href="DIRECT_URL_OF_YOUR_MP3 FILE">Name_Of_the_Mp3_File</a></p>
<p><a href="DIRECT_URL_OF_YOUR_MP3 FILE">Name_Of_the_Mp3_File</a></p>

4.  copy โค้ดด้านบน ลงใน gadget HTML/จาวาสคริปต์   โดยให้แทนที่ code ดังนี้

DIRECT_URL_OF_YOUR_MP3 FILE     คือ direct link ของไฟล์เสียงหรือ วีดีโอ 
Name_Of_the_Mp3_File            คือชื่อของไฟล์เสียงหรือวีดีโอนั้น ๆ 
เราสามารถเพิ่มรายการไฟล์เสียงหรือวีดีโอได้ตามใจชอบค่ะ  เสร็จแล้วคลิ๊กบันทึก  แล้วทดลองดูการแสดผลได้ค่ะ
image
 

5. สำหรับ Host ฝากไฟล์ที่จะได้ direct link เพื่อน ๆ อาจเลือกใช้ Opendrive จากบทความ ที่เคยแนะนำไปก่อนหน้านี้


copy public link จาก dropbox เล่น ใน เวบไซต์


หรือ อาจเลือกใช้จาก Dropbox  ซึ่งเป็น Host ที่ดิฉันชอบใจมาก เพราะมีระบบ sync กับเครื่องคอมพิวเตอร์ให้สามารถใช้งานได้ง่าย  โดยสามารถ Copy public link วางแทนที่ direct link ก็สามารถเล่นออนไลน์ได้แล้วค่ะ   เลือกใช้บริการได้ตามสะดวกนะคะ   ฟังตัวอย่าง playlists ธรรมะได้ที่ แบบนี้ซิแน่ |กฏ9ข้อสู่การเป็นตัวของตัวเอง   Smile

22:39 | 4 comments | Read More

เปลี่ยนจากอ่านบทความเป็นฟังบทความในเวบบล็อก |blog

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 22 เมษายน พ.ศ. 2555 | 21:45

เปลี่ยนข้อความใน blog เป็นเสียง

ชอบเรียนรู้ภาษาค่ะ  ถึงแม้อาจไม่สามารถขนาดโกอินเตอร์กะเค้าได้  ก็อยากจะพอจับประเด็นได้บ้าง  ดังนั้นจึงพยายามอ่านและฟัง  เรียนรู้จากอินเตอร์เน็ตเรื่อยมา  ทำให้ได้ผ่านไปรู้จักเวบไซต์สอนภาษา ที่เค้ามักจะมีเสียงอ่าน แถมให้ได้ดาวน์โหลดไฟล์เสียงมานั่งฟัง คล้ายกับ Text to speech  รู้สึกชอบใจ  อยากได้มาเพิ่มใน blog ของตน  ค้นหามานานแสนนาน เนื่องจากบริการบางที เสียงก็ไม่เป็นธรรมชาติ บางทีก็ต้องจ่ายตังค์  และแล้วก็เจอเข้าใจได้  คิดว่าที่นี่น่าจะเหมาะสุด ๆ ฟรี แถมเสียงก็เป็นธรรมชาติ เพียงแต่ว่ามีเพียงภาษาอังกฤษภาษาเดียวเท่านั้น  และบางครั้งหากอัพเดทบทความใหม่ อาจต้องรอสักหน่อย จึงจะสามารถฟังเสียงอ่านได้  วันนี้ขอนำความรู้นี้มาแชร์ร่วมกับเพื่อน ๆ ค่ะ น่าจะเป็นประโยชน์ไม่มากก็น้อย ตามมาดูกันหน่อยค่ะ

image

 

เวบไซต์  Odiogo ให้บริการเปลี่ยนบทความในเวบบล็อกเป็นเสียงอ่าน ทั้งนี้ผู้อ่านยังสามารถรับบทความผ่านทาง feed โดย My Postcast  สามารถสมัครเข้าใช้บริการ ง่าย ๆ โดยเพียงแต่เพิ่ม feed url และ อีเมล์ แล้วคลิ๊ก submit ต่อจากนั้น ก็เปิดอีเมล์คลิ๊ก Link ที่ได้รับจาก อีเมล์เข้าใช้งาน  โดยจะได้รับ Code ที่สามารถนำมาติดใน blog ให้เราเพิ่มใน Gadget html/javascript 

blogger to voice

ผู้เยี่ยมชมเวบบล็อกสามารถดาวน์โหลดไฟล์เสียงเหล่านี้ไว้ฟัง หรือฟังผ่านเวบบล็อกได้ทันที  สะดวกมาก ๆ เหมาะสำหรับเวบบล็อก ที่สอนภาษาอังกฤษค่ะ   แต่ใช่ว่า จะสนับสนุนการเพิ่ม Gadget นี้เฉพาะ blogger เท่านั้น แต่ยังรวมถึง Typepad,  WordPress หรือ Overblog  ทดลองฟังเสียงกันได้ที่  worksheet.learnfreeware.com    จ้า ยิ้ม

21:45 | 0 comments | Read More

การนำไฟล์เพลง Mp3 ขึ้นเล่นบน Blogspot

Written By Aucharaporn Theemcle on วันศุกร์ที่ 20 เมษายน พ.ศ. 2555 | 11:09

ลูกพี่ลูกน้อง  อายุอยู่ในวัยรุ่น  มานั่งหัดทำบล็อกด้วย  เพราะคุณเธออยู่ในวัยช่างฝันขนาดนั้น  บล็อกที่ปรับแต่งมาได้  สีชมพูจนหมดทั้งหน้าแถมกุหลาบและหัวใจอีกเพียบ  ครั้นเป็นที่พออกพอใจ  ก็อยากได้เพลงรักหวาน ๆ เพิ่มเติมบล็อกคุณเธอให้มดรุมตอมเพิ่มขึ้นอีก   ไม่ได้หมั่นไส้ แต่แค่นึกอิจฉา  เราผ่านวัยแบบนั้นมาได้ โดยไม่เคยมีความรู้สึกแหววซะขนาดนี้  มาได้ยังไง ยิ้ม  เท่าที่ทบทวนความจำในเรื่องการนำเพลงขึ้นเวบบล็อกนั้น  เคยนำเสนอในเรื่องการแปลงไฟล์ mp3 เป็นไฟล์แฟลชนามสกุล flv ,swf แล้วค่อยอัพโหลดบนเวบบล็อก  ครั้นจะอธิบายเรื่องการแปลงไฟล์ให้น้องฟัง  ก็กลัวคุณเธอสับสนมากมาย  จึงหาคำตอบแบบอื่นให้  ปรากฏว่าเธอทำได้ และชอบใจเสียด้วย  วันนี้จึงเก็บความรู้เรื่อง การเล่นเพลง mp3 บนเวบบล็อก อีกวิธีมาร่วมแชร์กับเพื่อน ๆ ค่ะ
ขั้นตอนการเล่นเพลง mp3 บน blogger 
ขั้นตอนที่ 1  สมัครฝากไฟล์เพลง mp3 บนเวบไซต์ให้บริการฝากไฟล์ฟรี ๆ ที่   opendrive.com ในขั้นตอนการ register เราสามารถใช้ facebook สมัครเข้าใช้บริการได้ และเชื่อได้ว่า เพื่อน ๆ ชาว blogger มี accout ของ facebook กันแน่นอน เพราะฉะนั้นขั้นตอนการสมัครคงไม่ยาก  ขอข้ามไปเลยค่ะ
เล่น mp3 ใน blog
ขั้นตอนที่ 2 อัพโหลดไฟล์เพลง mp3 สุดโปรดที่อยากจะเล่นบนเวบบล็อกค่ะ
เล่น mp3 ใน blog
ขั้นตอนที่ 3 หลังจากอัพโหลดไฟล์ mp3 เสร็จแล้ว ให้  Copy ลิงค์เพลงที่ต้องการนำมาวางในเวบบล็อกของเรา ลืมบอกไปนิดหนึ่งค่ะ เพลงที่จะนำมาต้องแชร์แบบ public โดยไปที่ เมนู Properties แล้วแชร์ก่อนนะคะ ต่อจากนั้นค่อย copy ลิงค์ directlink  โดยคลิีกขวา เลือก Links  วิธีการวางในเวบ บล็อกสามารถวางได้ 2 แบบดังนี้image
1   เล่นเพลง mp3 ใน gadget ของเวบบล็อก โดยนำมาวางใน  Gadget html/javascript   วิธีการคือ คัดลอก   HTML  Embed โค้ด มาวางใน Gadget html/javascript ของเวบบล็อก
เล่น mp3 ใน blog
โดย Login เข้า blogger > แม่แบบ> เพิ่ม gadget > html/จาวาสคริปต์ แล้วนำ HTML Embed วางลงไป เสร็จแล้วเลือกบันทึก
เล่น mp3 ใน blog
2. นำเพลง mp3 วางในบทความ หากใครใช้ Windows live writer เขียนบทความอย่างดิฉัน อาจจะไปดาวน์โหลด  ปลั๊กอิน Media player มาใช้งานเลยก็ได้  โดยให้ Copy  url ที่เป็น directlink(streaming) วางใน Media player  แต่หากใครไม่มี ก็สามารถเพิ่ม url ได้ตามโค้ดนี้ค่ะ

<object width="400" height="50"><param name="src" value="Your_MP3_FILE_ADDRESS"> <param name="autoplay" value="False"><param name="controller" value="true"><embed src="Your_MP3_FILE_ADDRESS" autostart="False" loop="false" width="400" height="50" controller="true"></embed></object>








โดยเราอาจปรับค่า Width คือ  ขนาดความกว้าง   hight  คือ ความสูง   และ เพิ่ม url ซึ่งเป็น Directlink จาก เวบ Openddrive ลงไป

















ทดลองปรับแต่งและใช้งานดูนะคะ  อาจเป็นอีกวิธีที่เพื่อนอาจได้ใช้ประโยชน์สำหรับแต่งบล็อกค่ะ
11:09 | 4 comments | Read More

แทรกปุ่ม Pin it ของ Pinterest ใน Blogger

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

image

ขั้นตอนที่ 1  Login เข้าหน้าบล็อกของฉัน  เลือก บล็อกที่ต้องการแก้ไข  คลิ๊กเลือก เมนูปรับแต่ง >แม่แบบ  ดังรูปด้านบน

แทรก pinterest ใน blog blog.aphsara.net

ขั้นตอนที่ 2 คลิ๊กแก้ไข html>ดำเนินการ

เพิ่ม pinterest ใน blog

ขัั้นตอนที่ 3 ขยายแม่แบบวิตเจ็ตโดยติ๊กเครื่องหมายถูก  ต่อจากนั้น ค้นหา โค้ด <data:post.body/> โดยการ กด Crtl+f แล้ว paste โค้ดดังกล่าวในกล่องค้นหา จะปรากฏสีส้ม ๆ ขึ้นมาตรง code ดังกล่าว เพื่อระบุตำแหน่งให้เราทราบ

ขั้นตอนที่ 4  copy โค้ด Pin it วาง ก่อน โค้ด <data:post.body/>  เพื่อ ให้ปุ่ม แสดงก่อนบทความ และ copy  โค้ด Pin  it วาง ด้านล่าง โค้ด <data:post.body/> เพื่อให้ปุ่มแสดงตอนท้ายของบทความ

สำหรับ Code ของปุ่ม Pin it ของ Pinterest มี โค้ดแสดง 2 แบบ

แบบที่ 1 แบบแสดงในแนวนอน   pin it

<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

แบบที่ 2 แบบแสดงในแนวขวาง  pin it

<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

 

ขั้นตอนที่ 5 ขั้นตอนสุดท้าย หลังการวาง Code Pin it ใส่ในเทมเพลตของบล็อกเกอร์เรียบร้อย คลิ๊ก บันทึกเทมเพลต  แล้วเข้าไปดูการแสดงผลของ Pinterest ได้แล้วค่ะ

ขอบคุณข้อมูลจาก http://www.mybloggertricks.com/

01:21 | 8 comments | Read More

รูปโฉมใหม่ Blogger คุณคิดอย่างไงกัน ?

Written By Aucharaporn Theemcle on วันพุธที่ 18 เมษายน พ.ศ. 2555 | 10:17

 

 

image

 

สวัสดีปีใหม่ไทยงาม ๆ ค่ะ เพื่อน ๆทุก ๆ คน หายหน้าไปอีกแล้ว ตกหลุมรัก เริ่มรู้สึกว่าไม่รู้จะเขียนอะไรดี  ก็เลยต้องทิ้ง   มันเป็นบางช่วงของชีวิต ต้องมีจุดสะดุด  แต่เราก็หยุดเรียนรู้ไม่ได้  เพราะเทคโนโลยีก้าวไปข้างหน้าเรื่อย ๆ ผู้คนก็จำเป็นต้องก้าวไปข้างหน้า  หากแม้นเราหยุด ก็อาจจะโดนเหยียบซะเต็ม ๆ ร้องไห้วันนี้แวะมาทักทายเพื่อน ๆ  จึงเหลือบไปเห็นข้อความว่า บล็อกเกอร์จะปรับโฉมใหม่ เดือนเมษานี้  ก็เลยอัพเกรดซะเลย   ซึ่งรุปแบบนี้ มีให้  ชาว blogger เลือกใช้มานานแล้ว  แต่ดิฉันก็ยังไม่เคยเปลี่ยน  ความคิดเห็นส่วนตัว คือ รูปแบบใหม่ จำเป็นต้องมีความเร็วอินเตอร์เน็ตเร็วสักหน่อย  การแสดงผลจะได้เร็วขึ้น  หากเน็ตช้า  กว่าจะแสดงผลรูปแบบใหม่ ให้ครบ  กว่าจะปรับแต่งได้  ต้องใช้เวลานาน

image

 

สังเกตได้จากที่ดิฉันเคยจำเป็นต้องเป็น blogger ด้วย edge modem ความเร็วแค่ 115kb แต่ละครั้งที่จำเป็นต้องปรับแต่งรูปแบบบล็อก จะเสียเวลามาก แต่หากใช้รูปแบบเดิม  การปรับแต่งจะเร็วขึ้น ดิฉันจึงเลือกใช้รูปแบบเดิมเรื่อยมา   แต่ปัจจุบัน ขอบอกว่า สัญญาณโทรศัพท์ TOTเข้าถึงบ้านแล้วจ้า (เซาะกราวสุด ๆ)  ดังนั้นการปรับเปลี่ยนรูปแบบบล็อกเป็นแบบใหม่ จึงไม่ใช่ปัญหา น่าจะเป็นข้อดีเสียด้วยซ้ำ  เพราะรูปแบบใหม่ ให้ความคล่องตัวในการทำงานมากขึ้น 

image

 

แถมตอนนี้ยังมี Gadget มาใหม่อีก  เช่น ปุ่ม+1 และ ป้ายสถานะ Google+  ทั้งยังปรับแต่งให้ Gadget หลายตัวทำงานร่วมกับรูปแบบของ ไดนามิกได้   นั่นไงเทคโนโลยีพัฒนาไปเรื่อย ๆ  ร่วมเรียนรู้และแบ่งปันด้วยกันนะคะ ยิ้ม

10:17 | 3 comments | Read More