แต่งเวปด้วยเสียงเพลง

สิ่งที่ต้องมีก่อนใส่เพลงในเวป Blog ของคุณ

1 คุณต้องมี URL ของเพลงนั้นเสียก่อน (ก็ http://www.อะไรก็ว่าไปแต่ว่าต้องลงท้ายด้วย.swf เท่านั้นค่ะ) ที่จริงมีอีกหลายวิธี ไม่ว่าจะเป็นไฟล์ .wma .mid etc แต่ว่ารำเพยจะเขียนเฉพาะ flash file (.swf) เนื่องจากว่าเป็นอันที่ถนัดที่สุดค่ะ ถ้าอยากรู้วิธีแปะเพลงที่มาจากไฟล์ชนิดอื่นก็ต้องไปหาอ่านเอาเองนะคะ
 

2 ถ้าคุณมีเพลง mp3 แล้วอยากจะเอามาทำเป็น flash file (เนื่องจาก flash file มันใช้กับเวปได้ง่าย) ก่อนอื่นก็ต้องมีโปรแกรม swishmax หรือ macromedia flash mx ก่อนค่ะ วิธีอื่นก็มี แต่รำเพยมีแค่สองโปรแกรมนี้ในเครื่องก็เลยเอามาอธิบายได้แค่นี้แหละ
 

3 ถ้าคุณได้ flash file มาแล้ว ก็ต้องหาที่เอาโหลดไปเก็บไว้ก่อน เช่น geocities.com หรือเวปฟรีต่างๆ พอเอาโหลดขึ้นไปแล้วก็เอา URL ของเพลงนั้นๆมาใช้ เช่น http://www.geocities.com/rumpuey/balcony.swf
 

ทีนี้มาอ่านวิธีหา url หรือ วิธีแปลงเพลงจาก mp3 ให้มาเป็น flash file กันนะคะไม่ยากค่ะ ค่อยๆอ่าน ไม่ยากเลย อธิบายยาวสักหน่อย สำหรับคนที่ทำไม่เป็นเลยจะได้เข้าใจได้ง่ายๆน่ะค่ะ
 

<embed src="…..URL ของเพลงนั้น…."hidden="true" autostart="true" mastersound></embed>

<embed pluginspage=http://www.macromedia.com/go/getflashplayer src=
".....URL..ของเพลงนั้น....."width=1 height=1 type=application/x-shockwave-flash quality="high"></embed>

เวลาเอาไปใช้ ขอให้ตัดช่องว่างระหว่าง scr="html... ให้ลากมาให้ติดกัน ไม่งั้นเพลงจะไม่มา


★คำสั่งใส่ BACKGROUND
 

1.ใส่ bg แบบ tile

<style>body{background-image:url(XXX);}</style>

2.ใส่ bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar

<style>body{background-attachment: fixed;background-image:url(XXX);}</style>

3.ใส่ bg เป็นรูปภาพเดียวทั้งหน้า

<style>Body{background-image:url(http:XXX);background-position:center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}</style>


4.ใส่ bg โดยใช้สี

<style>body{background:color code}></style>


5. ใส่ bg โดยไล่เฉดสี (gradient)

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">

gradienttype 0 ไล่สีตามแนวนอน

gradienttype 1 ไล่สีตามแนวตั้ง

★เปลี่ยนสี font

เลือกดูสีได้ที่บล็อก สีที่ใช้ใน blog

ปกติการเปลี่ยนสีของ font จะใช้คำสั่ง 

<font color=code>....</font>


แต่ถ้าต้องการเปลี่ยนสีของ font ทั้งหน้า ต้องใช้คำสั่งข้างล่างนี้

Code 

<style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color:black;}</style>

 

★เปลี่ยนสี font ของ link

บางครั้ง background ที่เราชอบ เราเลือกสีของ font ได้ตามใจชอบ แต่บางรูป สีของ background จะกลืนกับสีของ link ที่ทาง bloggang กำหนดมาให้ จึงควรจะเปลี่ยนสีให้มองเห็นได้ชัด

คำสั่งนี้จะมี 3 จังหวะ ไปลองเลือกเอา ว่าต้องการสีอะไรในจังหวะไหน

Code

 <style>A:hover{color:สีที่ 1;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color:สีที่ 2;text-decoration:none;}A:visited{color:สีที่ 3;text-decoration:none;</style>

 

  

★เปลี่ยนสี scroll bar

ให้เปลี่ยนสีเองตามใจชอบที่ชื่อ โค้ดสี (ตัวอักษรสีแดง)

Code

<style type="text/css">body {scrollbar-arrow-color: #000000;scrollbar-highlight-color:#000000; scrollbar-base-color:#C4A2A2;scrollbar-dark-shadow-color: #000000;scrollbar-track-color:#C4A2A2;}</style>
 

 

★ลูกเล่นเมื่อเปลี่ยน webpage
Code

<Meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"><Meta http-equiv="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">

 

★ใส่วันที่และเวลาที่ status bar
Code

      <SCRIPT language="JavaScript">
 <!--function runClock() {theTime = window.setTimeout("runClock()", 1000);var today = new Date();var display = today.toLocaleString();window.status = display;}runClock();--></SCRIPT>