♥ อยากได้ กล่องเพลง น่ารักๆ แบบนี้กันมั้ย?
[align=center][size=11pt]เป็นนวัตกรรม ชิ้นล่าสุดของฝนเลยเนี่ย อิอิ
เป็นการผสมผสานระหว่าง โค้ด table
กับโค้ดเปลี่ยนสีและขนาดของเครื่องเล่นเพลงเว็บ imeem
นับว่าไปกันได้ดีเลยทีเดียว อิอิ
แล้วฝนก็เห็นว่ามันน่ารักดี ที่สำคัญแปลกด้วย
เลยทำมาแจกค่ะ
เอ่อ ยังไงดีล่ะ เวลาเลือกเพลง เราต้องนำ url ของเพลงมาลงเองนะคะ
ก่อนอื่นเลย ฝนขออธิบาย การเลือกเพลงด้วยตัวเอง
ก่อนจะนำมาผสมกับ โค้ดกล่องเพลง ที่ฝนทำมานะคะ
๑.เข้าเว็บ [url=http://www.imeem.com/][color=#0066cc]www.imeem.com[/color][/url] แล้วทำการหาเพลงที่เราต้องการ
(อันนี้เฉพาะ 1 เพลงนะคะ ส่วนแบบ playlist จะตามมาทีหลังนะ)
๒.พอได้แล้ว ก็กดเอาโค้ดตามปกติค่ะ
[img]http://img.ihere.org/uploads/a8e977690c.jpg[/img]
๓.หลังจากนั้น ให้นำโค้ดมาเรียบเรียงให้ดีนะคะ
เพราะเราจะมาหา url ของเพลง ค่ะ
ให้หา ลิ้งค์เพลงให้เจอ โดยจะเป็น แบบนี้นะคะ [url=http://media.imeem.com/m/bD9OJRxwIE][color=#0066cc]http://media.imeem.com/m/bD9OJRxwIE[/color][/url]
จากโค้ดจะเป็นส่วนของ
<embed src="[url=http://media.imeem.com/m/bD9OJRxwIE][color=#0066cc]http://media.imeem.com/m/bD9OJRxwIE[/color][/url]"
type="application/x-shockwave-flash" width="300" height="110"
wmode="transparent">
แบบนี้นะคะ อยู่บนๆ หน่อยอ่า
๔. [url=http://media.imeem.com/m/bD9OJRxwIE][color=#0066cc]http://media.imeem.com/m/bD9OJRxwIE[/color][/url] คือลิ้งค์เพลงนะคะ
เราจะเอาไปใส่ในโค้ดกล่องเพลง ของเรากันค่ะ
ปล. ลิ้งค์เพลงนี้จะเป็นแบบเล่นเพลงออโต้นะคะ
ถ้าไม่เล่นแบบออโต้ จะเป็นแบบนี้ค่ะ [url=http://media.imeem.com/m/bD9OJRxwIE/aus=false/][color=#0066cc]http://media.imeem.com/m/bD9OJRxwIE/aus=false/[/color][/url]
(เพลงเดียวกัน แต่ลักษณะลิ้งค์ไม่เหมือนกัน นะคะ อย่า งง นะ T^T)
๕.ให้นำลิ้งค์เพลง ไปใส่ในส่วนของโค้ด ซึ่งฝนจะเขียนไว้ว่า [color=#990000]ใส่ลิ้งค์เพลง[/color] นะคะ
งงมั้ย ถ้างงขั้นตอนนี้เราจะหาเพลงมาใส่กล่องเพลงไม่ได้เลยนะคะ สู้ๆ อิอิ[/size]
[size=10pt][color=#990000]รูปที่เอามาให้ดู เป็นการถ่ายจากหน้าเพจไฮไฟว์นะคะ
ซึ่งเพจของฝน มีพื้นหลังสีขาวค่ะ เลยเห็นว่ามันมีส่วนสีขาวกัน
แต่ในส่วนของรูปจริงๆ จะเป็นใสๆค่ะ ^^[/color][/size]
[img]http://img.ihere.org/uploads/c6f9119059.jpg[/img]
โค๊ด:
<style type="text/css">
.namfonzahi5 {height: 220px;width: 370px;background-image: url([img]http://img.ihere.org/uploads/f532a82144.gif[/img]);background-repeat: no-repeat;}</style>
<div class="namfonzahi5">
<table width="370" height= "220" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><br><br><br><br>
<object width="300" height="110">
<embed src="ใส่ลิ้งค์เพลง"
type="application/x-shockwave-flash" width="300" height="80"
wmode="transparent"
flashvars="backColor=ff97cb
&primaryColor=975545&secondaryColor=ff97cb
&linkColor=ff97cb"/></object></td></tr></table></div>
[img]http://img.ihere.org/uploads/8e51084d3e.jpg[/img]
โค๊ด:
<style type="text/css">
.namfonzahi5 {height: 220px;width: 370px;background-image: url([img]http://img.ihere.org/uploads/063b408d6e.gif[/img]);background-repeat: no-repeat;}</style>
<div class="namfonzahi5"><table width="370" height= "220" border="0" cellspacing="0" cellpadding="0">
<tr><td align="left"><br><br><br><br><br><br><br>
<object width="300" height="110">
<embed src="ใส่ลิ้งค์เพลง"
type="application/x-shockwave-flash" width="300" height="80"
wmode="transparent"
flashvars="backColor=53aebc
&primaryColor=975545&secondaryColor=53aebc
&linkColor=53aebc"/></object>
</td></tr>
</table></div>
[img]http://img.ihere.org/uploads/e2df6d3a9b.jpg[/img]
โค๊ด:
<style type="text/css">
.namfonzahi5 {height: 220px;width: 370px;background-image: url([img]http://img.ihere.org/uploads/c27470ffbd.gif[/img]);background-repeat: no-repeat;}</style>
<div class="namfonzahi5"><table width="370" height= "220" border="0" cellspacing="0" cellpadding="0">
<tr><td align="left"><br><br><br><br><br><br><br>
<object width="300" height="110">
<embed src="ใส่ลิ้งค์เพลง"
type="application/x-shockwave-flash" width="300" height="80"
wmode="transparent"
flashvars="backColor=f38091
&primaryColor=975545&secondaryColor=f38091
&linkColor=f38091"/></object>
</td></tr>
</table></div>
มีอีกเยอะ ที่ [url=http://www.hi5sharing.com/board/index.php?topic=1039.0][color=#0066cc]http://www.hi5sharing.com/board/index.php?topic=1039.0[/color][/url] นะคะ
ทุกอัน ได้ลองใช้ก่อนแล้วนะคะ
เพราะฉะนั้น รับประกันได้ ว่าใช้ได้จริง
ไม่มีอะไรผิดพลาดค่ะ
ถ้าเอาไปแล้ว เพลงไม่ขึ้น หรือไม่ตรง แนะนำว่า ดูลิ้งค์เพลงของคุณให้ดี
และคุณไม่ได้ลบอะไร ออกจากโค้ดนะคะ
ส่วนใครที่อยากทำเอง ก็ศึกษาเอาจากตัวอย่างนี้ได้เลยนะคะ
[/align]
