วิธีเพิ่มตัวเล่นเพลงบนบล็อก (WMP)

เห้นถามตอนเล่น m มาหลายคน
ขี้เกียจตอบเยอะ แล้วก็ขี้เกียจไปนั่งหาในกูเกิลให้อีก

ถาม 1 คน ก็ไปนั่งหาให้ 1 ครั้งเพราะขี้เกียจตอบ

วันนี้เลยเอามาลง

แบบง่ายๆ ไม่ต้องถามไรมาก ก๊อปโค้ดไปลงได้เลย
ใครอยากจะพลิกแพลงพิศดาร ไปถามกูเกิลเอา

ขั้นแรก ให้ไปหาที่ฝากไฟล์เพลง ซักที่ก่อน เพื่อเอา url ันมาใช้

ขั้น 2 เพิ่ม module html

ขั้นสาม ใส่โค้ดไปตามนี้

<div style="text-align:center;width:397;background:"><img width="1" src="j.gif" height="1"/><br/>
<br/>
<img width="1" src="j.gif" height="1"/><br/>
<object ; codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" height="50" id="WindowsMediaPlayer" standby="Loading Microsoft Media Player compnents..." width="260" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">

<param value="URL เพลง" name="URL" valuetype="ref"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="0" name="currentPosition"/>
<param value name="defaultFrame"/>
<param value="1" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="-1" name="AudioStream"/>
<param value="0" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="URl เพลง" name="baseURL" valuetype="ref"/>
<param value="80" name="volume"/>
<param value="0" name="mute"/>
<param value="full" name="uiMode"/>
<param value="-1" name="enabled"/>
<param value="0" name="enableContextMenu"/>
<param value="0" name="fullScreen"/>
<param value name="SAMIStyle"/>
<param value name="SAMILang"/>
<param value name="SAMIFilename"/>
<param value name="captioningID"/>
<embed height="50" src="<div style="text-align:center;width:397;background:"><img width="1" src="j.gif" height="1"/><br/>
<br/>
<img width="1" src="j.gif" height="1"/><br/>
<object ; codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" type="application/x-oleobject" height="50" id="WindowsMediaPlayer" standby="Loading Microsoft Media Player compnents..." width="260" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">

<param value="URL ��ล�" name="URL" valuetype="ref"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="0" name="currentPosition"/>
<param value name="defaultFrame"/>
<param value="1" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="-1" name="AudioStream"/>
<param value="0" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="URl ��ล�" name="baseURL" valuetype="ref"/>
<param value="80" name="volume"/>
<param value="0" name="mute"/>
<param value="full" name="uiMode"/>
<param value="-1" name="enabled"/>
<param value="0" name="enableContextMenu"/>
<param value="0" name="fullScreen"/>
<param value name="SAMIStyle"/>
<param value name="SAMILang"/>
<param value name="SAMIFilename"/>
<param value name="captioningID"/>
<embed height="50" src="URL ��ล�" autoplay="true" bgcolor="ffffff" controller="true" cache="true" width="260" enablejavascript="true"></embed></object><br/><img width="1" src="j.gif" height="1"/></div>" autoplay="true" bgcolor="ffffff" controller="true" cache="true" width="260" enablejavascript="true"></embed></object><br/><img width="1" src="j.gif" height="1"/></div>

กดเซฟ เสร้จ

การเพิ่ม HTML Module

วันนี้จะมาว่าด้วยเรื่องการเพิ่ม Page Elements

ซึ่งส่วนมากทุกคนก็จะเล็งไปที่การเพิ่มในส่วนของ HTML/JavaScript กันซะส่วนใหญ่

จากการโดนถามอยู่หลายครั้ง เลยขี้เกียจตอบ มาอัปซะเลย

เจ้าตัว HTML/JavaScript Module นี้ เอาไว้เพิ่มโค้ด

ว่าง่ายๆเลย เอาไว้ตกแต่งนั่นแหละ อยากใส่พวกตัวเล่นเพลง counter หรือแม้กระทั่ง background (แบบง่ายๆที่ไม่ต้องเข้าไปแก้ใส่ส่วนของ Edit HTML (คนละอย่างกับ module ตัวนี้นะ)

เอาล่ะ วิธีการเพิ่มนั้นง่ายแสนง่าย

เราจะเริ่มกันที่หน้า Home ของเลยละกัน


ขั้นแรก ไปที่ Customize



ต่อไป จะเห็นแท็บอยู่ด้านบน ให้เลือก 3-4 อัน ให้เข้าตรง Template
พอเข้ามาแล้ว จะเห็นเมนูย่อยๆ อีก 4 เมนู ให้เลือก Page Elements (ตามจริงแล้ว กด Customize ทีเดียวมันน่าจะเข้ามาถึงตรงนี้ให้เลยนะเนี่ย)



หลังจากนั้น เราจะเห้น รูปร่างการจัดเรียง Module ต่างๆของหน้าเว็บเรา
ทีนี้ เราก็ คลิกเข้าไปตรง Add a Page Element (อยากให้ HTML Module อยู่ส่วนไหนก็คลิกในส่วนนั้น)



มันก็จะเด้ง Pop-up ขึ้นมาให้ มีให้เลือก add หลายอย่าง เราจะใส่อะไรก็เลือกเอา แต่ในที่นี้ จะเอา HTML Module ก็ไปเลือก HTML/JavaScript แล้วกดตรง Add To Blog



มันก็จะโหลดแล้วเข้าหน้าใหม่
ในหน้านี้ เราอยากใส่โค้ดอะไร ก็ใส่ลงไป ชื่ออาจจะตั้งหรือไม่ก็ได้ ถ้าจะใส่ background ก็ไม่ต้องใส่ก็ได้มั้งชื่อ ไม่จำเป้นเลย
พอใส่เสร็จแล้ว ก็กด Save Changes



หลังจากนั้น หน้านี้ก็จะปิดไปเอง กลับไปที่หน้าต่าง Page Elements ใหม่อีกรอบ
พอใจแล้วก็กด save เลย

เป็นอันเสร็จพิธี ...

การสร้างรูปโดยใช้ตัวอักษร (โดยใช้โปรแกรม)

ได้ฤกษ์มาอัปอีกครั้งหนึ่ง สำหรับบล็อกนี้
ก่อนจะเข้าเรื่อง ก็ขะแนะนำ เรื่องตัวหนังสือ (ที่เกี่ยวกับชื่อโปรแกรมที่จะทำซักหน่อย)

เริ่มแรก โปรแกรมที่จะใช้ทำ อาจจะรวมถึงชื่อรุปที่เขาเรียกๆกันก็ได้มั้ง นั่นก็คือ ASCII
เอ๊ะ อย่าเพิ่งงกับภาษาอังกฤษ ถ้าลองอ่านเป้นไทยว่า "แอสกี" คราวนี้เริ่มคุ้นกันยัง
บางคนแอบจะงงๆอยู่ (รวมทั้งผู้เขียนด้วย) เอางี้ง่ายๆเลยก็คือ มันเป็นสัญลักษณ์ตัวหนึ่ง ซึ่งแต่ละสัญลักษณ์จะถูกแทนด้วยระบบตัวเลขฐาน 10
พูดใหม่อีกที "แอสกี" เป็นรหัสอักขระที่ประกอบด้วย พวกตัวอักษร ตัวเลข เครื่องหมาย และสัญลักษณ์ต่างๆ โดยที่ แต่ละรหัสจะถูกแทนด้วยอักขระ 1 ตัว เช่น รหัส 78 จะแทนด้วยตัว N 69 แทนด้วย E 87 แทนด้วยตัว W
(ตัวเลขพวกนี้เป็นตัวเลขฐาน 10 (DEC.) นะ)

ลองไปดูพวกรหัสมันต่อได้ที่เว็บนี้
http://www.asciitable.com/

เราก็พอรู้เรื่องมาบ้างแล้วว่า รหัสนี้มันเป็นยังไงบ้าง (อย่างน้อยก็เรียกชื่อมันถูกน่ะ)
ทีนี้ จะมาลองดูที่วิธีการผสมตัวอักษรให้เป็นรูปภาพต่างๆ โดยใช้โปรแกรมกันบ้าง

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

สิ่งที่ต้องเตรียม
1. โปรแกรม ASCII Art Generator
2. รูปภาพ (ที่ไม่ใหญ่จนเกินไป ยิ่งใหญ่ ขนาดไฟล์ตัวหนังสืออกมายิ่งใหญ่นะ)
3.เวลาว่าง ซักนิดหน่อย

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

เริ่มด้วย ด้านซ้ายมือ จะเห็นเมนูให้เลือกอยู่ 3 อย่าง
1. Convert image เป็นส่วนแรกที่เปิดมาจะเห็นเลย และเป็นส่วนที่เราจะใช้ทำกันในครั้งนี้
ในส่วนนี้ ก็จะแยกย่อยเป็นอีก 4 เครื่องมือ ตามหมายเลขเลยนะ
1. HTML Format ก็คือส่วนนี้ จะแปลงจากรูปภาพ กลายเป็นตัวหนังสือแล้วใส่โค้ด HTML มาพร้อมสรรพเลย ก็เป็นแบบว่า ไอ้ตัวนี้แปลงออกมาแล้วมีสีด้วยน่ะ(เพราะใส่โค้ดเข้าไปเพิ่ม) สำหรับเจ้าตัวนี้เราสามารถก๊อปโค้ดมันมาใส่ในบล็อกเราได้ (ดูตัวอย่างที่ Banner blog ของเราได้ ที่นี่ )
2.Image Format ก็แปลงจากรูปภาพ เป็นตัวหนังสือ แล้วก็แปลงกลับเป็นรูปภาพ(ที่เห้นเป้นลายๆตัวหนังสือนะ)
3.RTF Format อันนี้จำไม่ได้ว่ามันย่อมาจากอะไร จำได้ลางๆก็คือ Rich Text Format อะไรนี่แหละ ซึ่งตอนนี้ยังไม่ทราบประโยชน์ของมันแน่ชัดเท่าไร ไฟล์ที่เซฟออกมาจากเข้าตัวนี้ก็เป้นไฟล์ .rtf ใช้ MS Word เปิดได้ตามปกติ
4.ASCII Format คล้ายกับส่วนของ HTML แต่ตัววนี้จะไม่มีสีอะ เป็นขาวดำล้วนๆเลย



2.Convert Word ส่วนนี้ อธิบายยาก ต้องลองทเองดูอะ ก็เหมือนว่าเราพิมพ์ข้อความอะไรลงไปก็ได้ แล้วสั่งมันแปลงออกมา มันก็จะจับพวกตัวหนังสือมาเรียงต่อๆกัน ทำให้เป็นเป็นแบบ หนาขึ้น หรือเป้น 3 มิติขึ้น ดูสวยงามกว่าตัวหนังสือธรรมดาอยู่นะ (แต่เอามาใช้ยากนิดหน่อย เพราะระบบ space มันเป้นอะไรไม่รุ้ ก็อปมาตัวหนังสือซ้อนกันยังมีเลย - -)



3.Free Draw อันนี้สำหรับชั้นเซียนโดยเฉพาะ อย่าคิดว่าง่ายนะไอ้ Free draw นี่ เพราะเมาส์มัน ปัดเร็วเหลือเกิน แล้วเหมือนว่ามันจะไม่เต็มใจให้เราวาดเท่าไร

เอาล่ะ รุปส่วนหลักๆของมันไปแล้ว ทีนี้มาลงมือทำเป้นแบบ HTML ดีกว่า
ขั้นแรกเลย เลือกไปที่ HTML Format

ขั้นต่อมาก็ทำการเลือกรูป โดยไปที่ Browse..


พอเลือกรูปเสร็จแล้ว ก็มาปรับแต่งข้างล่างต่อ
คงไม่ต้องอธิบายมากนะ อ่านภาษาอังกฤษออกอยู่มั้ง 555+

พอปรับแต่งได้เป็นที่พอใจแล้ว ก็กด Start Conversion.. บางครั้งบางคราวมันก็จะเด้งหน้ากำหนดขนาดขึ้นมา ก็กะๆขนาดดูนะ ว่าจะเอาขนาดไหน (ของแบบนี้ แล้วแต่คนชอบอะ + การเอาไปใช้ด้วย ดังนั้น มันไม่ตายตัว) เราอาจจะใส่เฉพาะค่าใดค่าหนึ่งลงไปก็ได้ มันก็จะคำนวณอีกค่าให้โดยทันที (กันรูปบิดเบี้ยง หรือเสียทรงรูปอะ เช่น อ้วนขึ้น/แคบลง แบบนี้)

แล้วจะได้พบกับผลงาน

พอใจแล้วก็กด save as ซึ่งมันก็จะบันทึกให้เราเป็นไฟล์ webpage (.html)
เสร็จแล้วววว เป็นไงกันบ้าง


ทีนี้การจะเอามาใช้ เช่นลง Blog ลงอะไรพวกนี้
เราก็ไปเปิดไอ้เพจที่เพิ่งเซฟไปหมากๆขึ้นมา แล้วไปที่ View เลือก Source (กรณี ใช้ IE)
เลือก View Source (กรณีใช้ forefox)
แล้วทีนี้ เราจะเห็นโค้ดต่างๆมากมาย (แบบว่า โอ้วเยอะมาก 1 ปีก็พิมพ์เองไม่เสร็จ)
มาดูตรงโค้ดที่จะเอาไปใช้ให้เป้นประโยชน์กันบ้าง เริ่มจะก็อปปี้ กันตรงที่

<style type=  ลงมาจนถึง /div> ด้านล่างสุด

ดูง่ายๆ หลัง < head กับ ก่อน 

เสร็จแล้ว เอามาใส่ได้เลยยยย เฮอๆ

การแก้ Font ของ Firefox หลังจากทำการลง font ใหม่แล้วเพี้ยน [RQ]

จากเค...

ขั้นแรกไปตรง Tools >> Options >> เข้าไปตรง Tab content

มองหาตรง Font & Colors

ตั้งค่า ฟ้อนต์ตามใจชอบเลย แต่ขอแนะนำ Tahoma ขนาดซัก 16 กำลังพอดี

หลังจากนั้นก็คลิกเข้าไปแก้ต่อตรง Advanced..

ทีนี้เราต้องแก้ไขมันอยู่ 3 ที่ด้วยกัน เริ่มแรก เลือกภาษาด้านล่าง ตรงไอ้ Default character encoding เลือกเป็นไทย (ถ้าไทยหลายอัน เอาอันไหนก็ได้)

ทีนี้ก็ลงมือแก้กันด้านบน ตรง drop menu อะ

ในส่วนของ Fonts for เราจะทำการแก้กัน 3 ที่ ตามรูปนะ หลังจากนี้ก็ทำตามรูปเลย

โอเค เสร็จกด OK ไปจนสิ้นสุดกระบวนการ ถือว่าเป้นอันเสร็จ
เท่านี้ ก็ใช้ forefox โดยอ่านภาษามนุษย์ออกแล้ว !!







แก้อันตรงที่วงแดงๆ ไว้นะ อันอื่นไม่จำเป้นเท่าไร

วิธีทำ playlist ของ windows media player [RQ]

เนื่องจากติดระบบบ้าบออะไรของมันไม่รู้

เชิญทัศนาต่อที่นี่

http://thetenclubno16.spaces.live.com/blog/cns!472A954A7415403F!3269.entry