การเอาเพลงใส่ในblog
1.เราต้องมีไฟล์เพลงที่ต้องการใส่ลงในบลอคก่อนนะคะ ซึ่งส่วนใหญ่ทุกคนคงจะมีเป็นไฟล์ .mp3 หรือ .wma นำไฟล์เพลงไป upload ไว้ตามเวบที่รับฝากไฟล์ก่อนนะคะ (file hosting) เพื่อจะให้ได้ URL ของไฟล์เพลงนั้นมา ดูวิธีการ upload ไฟล์ได้ที่บลอคของป้ามดค่ะ Click
แต่โดยส่วนตัวแล้ว ตอนนี้ยังหาเวบรับฝากไฟล์ที่ถูกใจไม่ได้เลยค่ะ บังเอิญไปเจอเวบที่แจก URL เพลง คือเวบ GetCode มีช่องให้ค้นหาเพลงที่ต้องการด้วยค่ะ หรือเมื่อเข้าไปหน้าแรกแล้ว ให้เข้าไปที่เมนู "รายชื่อเพลง" จากนั้นกดเลือกเพลงที่ต้องการค่ะ ดังรูป
2. Copy URL ในช่องสี่เหลี่ยมในกรอบแดงเก็บไว้ก่อนค่ะ อันนี้คือ URL ของเพลง3. มาดูโค้ดใส่เพลงกันค่ะ<embed name="objMediaPlayer" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"src="http://www.bzro.net/getcode/pj.php?1776"width="300" height="47" type="application/x-mplayer2"autostart="false" loop="false" showstatusbar="true" /> </embed />มาดูการกำหนดค่าในแต่ละ attribute กันนะคะsrc: บริเวณที่ไฮไลท์ไว้ ให้ใส่ URL ของเพลงค่ะ (URL จากข้อ 2)width: กำหนดความกว้างของ Window Media Playerheight: กำหนดความยาวของ Window Media Playerautostart: true ถ้าต้องการให้เพลงเล่นทันทีเมื่อเข้ามาในเวบ / false เพลงจะเล่นต่อเมื่อผู้ใช้กดปุ่ม play ก่อนloop: true เล่นเพลงวนไปเรื่อย ๆ / false เล่นเพลงครั้งเดียว / nใส่ตัวเลขจำนวนครั้งที่จะให้เพลงวนshowstatusbar: true แสดง status bar / false ไม่แสดง status bar (status bar คือ แถบสีดำล่างสุดที่แสดงข้อมูลเกี่ยวกับเพลง เช่น ชื่อเพลง เวลา สถานะ เป็นต้น)volume: กำหนดความดังของเพลง สามารถใส่ตัวเลข 0 - 100 ค่า default ของ Window คือ 50 ค่ะ4. หลังจากกำหนดค่าต่าง ๆ เรียบร้อยแล้ว ให้นำโค้ดไปใส่ตอนเขียนบลอค โดยกดปุ่ม 
ก่อนค่ะ เพื่อเข้าสู่ HTML Mode จากนั้นใส่โค้ดลงไป แล้วกดปุ่ม อีกทีค่ะ จะเห็น Window Media Player ขึ้นในหน้าเขียนบลอคแล้วค่ะ แล้วก็ Publish ได้เลยยย5. เสร็จแล้วค่ะ แค่นี้ก็มีเพลงเพราะ ๆ ฟังในบลอคของคุณแล้วค่ะ (^ ^)Vข้อแนะนำ (ความเห็นส่วนตัว)
- ควรกำหนดค่า autostart เป็น false เพื่อให้ผู้ใช้ตัดสินใจเองว่า จะฟังเพลงนี้รึป่าว เป็นการลดเวลาในการโหลดด้วยค่ะ
- ถ้าต้องการให้เพลงเล่นวนไปเรื่อย ๆ ควรกำหนดค่า loop เป็นจำนวนครั้งที่ต้องการให้เพลงเล่นที่แน่นอน
- ควรกำหนดค่า showstatusbar เป็น true เพื่อให้ผู้ใช้ทราบสถานะของเพลง เช่น เพลงกำลัง Buffer อยู่กี่เปอร์เซนต์ การทำโฆษณาแบบพับเก็บได้(close)บนหน้าเว็บนั้นสามารถทำได้หลายวิธี และหลายแบบด้วยกัน เช่นรูปภาพ หรือ Flash ซึ่งในปัจจุบันเป็นที่นิยมกันอย่างแพร่หลาย
RSS ข่าว
การเอาเพลงใส่ในblog
นำ Code ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงข่าว ถ้าเป็นblogger ให้เรา เข้าไปที่ การออกแบบ>>เพิ่ม Gadget>>HTML/จาวาสคริปต์ แล้ว เอาcode ไปวางก็เป็นอันเสร็จ ครับ
1. ข่าวบันเทิง 1. <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360> </iframe>
2. ข่าวบันเทิงต่างประเทศ
1. <iframe src ="http://www.zabzaa.com/news/ent/ent.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
3. ข่าวการเมือง
1. <iframe src =http://www.zabzaa.com/news/politic/politic.php
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0scrolling=No width=468 height=350></iframe>
4. ข่าวกีฬา
1. <iframe src =http://www.zabzaa.com/news/sport/sports.php
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
ลูกเล่นเกี่ยวกับเมาส์
ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
ชี้แล้วนูน
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;}
Black and White with Color on Mouseover – รูปเป็นโทนขาวดำ เม้าท์ชี้เป็นสีเดิม
Flip Horizontally on Mouseover – รูปกลับด้านเวลาชี้
Color with Black and White on Mouseover – เป็นโทนขาวดำเวลาเมาท์ชี้
Flipped Horizontally with Normal on Mouseover - รูปกลับด้าน เม้าท์ชี้แล้วจะเป็นด้านปกติ
Blur on Mouseover – เบลอเวลาเม้าท์ชี้
Blurred with Normal on Mouseover – เบลอ เวลาเม้าท์ชี้เป็นภสพปกติ
Emboss on Mouseover – เม้าท์ชี้เป็นภาพแบบ EBboss (ภาพสลักแบบนูนขึ้มาสีเทา ๆ)
1. ข่าวบันเทิง 1. <iframe src ="http://www.zabzaa.com/news/entertain/entertain.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360> </iframe>
2. ข่าวบันเทิงต่างประเทศ
1. <iframe src ="http://www.zabzaa.com/news/ent/ent.php"
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=360></iframe>
3. ข่าวการเมือง
1. <iframe src =http://www.zabzaa.com/news/politic/politic.php
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0scrolling=No width=468 height=350></iframe>
4. ข่าวกีฬา
1. <iframe src =http://www.zabzaa.com/news/sport/sports.php
2. marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=No width=468 height=350></iframe>
ลูกเล่นเกี่ยวกับเมาส์
ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
ชี้แล้วนูน
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;}
Black and White with Color on Mouseover – รูปเป็นโทนขาวดำ เม้าท์ชี้เป็นสีเดิม
Flip Horizontally on Mouseover – รูปกลับด้านเวลาชี้
Color with Black and White on Mouseover – เป็นโทนขาวดำเวลาเมาท์ชี้
Flipped Horizontally with Normal on Mouseover - รูปกลับด้าน เม้าท์ชี้แล้วจะเป็นด้านปกติ
Blur on Mouseover – เบลอเวลาเม้าท์ชี้
Blurred with Normal on Mouseover – เบลอ เวลาเม้าท์ชี้เป็นภสพปกติ
Emboss on Mouseover – เม้าท์ชี้เป็นภาพแบบ EBboss (ภาพสลักแบบนูนขึ้มาสีเทา ๆ)
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;}
Black and White with Color on Mouseover – รูปเป็นโทนขาวดำ เม้าท์ชี้เป็นสีเดิม
Flip Horizontally on Mouseover – รูปกลับด้านเวลาชี้
Color with Black and White on Mouseover – เป็นโทนขาวดำเวลาเมาท์ชี้
Flipped Horizontally with Normal on Mouseover - รูปกลับด้าน เม้าท์ชี้แล้วจะเป็นด้านปกติ
Blur on Mouseover – เบลอเวลาเม้าท์ชี้
Blurred with Normal on Mouseover – เบลอ เวลาเม้าท์ชี้เป็นภสพปกติ
Emboss on Mouseover – เม้าท์ชี้เป็นภาพแบบ EBboss (ภาพสลักแบบนูนขึ้มาสีเทา ๆ)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น