การตกแต่งบล็อกสำหรับมือใหม่ #8 ใส่นาฬิกาลงในบล็อกได้ทันที

มีเจ้าของบล็อกใจดีแนะนำโค๊ดสำหรับใส่นาฬิกาในบล็อกมาบ้างแล้ว รวมทั้งในบล็อกนี้ด้วย(ตอนที่ 2) แต่ก็ทราบว่ายังมีเพื่อน ๆ บางคนไม่สามารถทำได้ อาจเป็นเพราะโค๊ดนาฬิกาบางโค๊ดสั้นเกินไป บางโค๊ดก็ค่อนข้างยาวและซับซ้อนเกินไป ทำให้เกิดความสับสน ไม่เข้าใจ และยังทำไม่ได้

เพื่อช่วยแก้ไขปัญหาข้างต้น และถือคติว่า "โตแล้วเรียนลัด(ดีกว่า)" วันนี้ผมจึงได้นำนาฬิกาที่มีลักษณะเป็นไฟล์แฟลชไปเก็บไว้ที่เว็บไซต์ฝากไฟล์ฟรี จำนวน 4 แบบ ตามตัวอย่าง และจัดทำโค๊ดสำเร็จที่สามารถก็อปปี้ นำไปใช้งานได้ทันทีครับ (สามารถเปลี่ยนขนาดของนาฬิกาได้ โดยเปลี่ยนค่าตัวเลขของตัวแปร width และ height ได้ตามต้องการ)

แบบที่ 1

                  

วิธีทำ ก็อปปี้(Copy)โค๊ดข้างล่างนี้ แล้วนำไปแปะ(Paste)ลงใน Script Area

<SCRIPT type="text/javascript">
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="200" height="200">');
document.write('<PARAM NAME="movie" VALUE="//ampol-s.tripod.com/images/clock1.swf">');
document.write('<PARAM NAME="quality" VALUE="high">');
document.write('<PARAM NAME="wmode" VALUE="transparent">');
document.write('<PARAM NAME="menu" VALUE="false">');
document.write('<EMBED SRC="//ampol-s.tripod.com/images/clock1.swf" width="200" height="200" QUALITY="high" WMODE="transparent" MENU="false"></EMBED>');
document.write('</OBJECT>');
</SCRIPT>

หรือใช้โค๊ดนี้

<EMBED src= //ampol-s.tripod.com/images/clock1.swf WIDTH=200 HEIGHT=200 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE=//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED>


แบบที่ 2

                  

วิธีทำ ก็อปปี้โค๊ดข้างล่างนี้แล้วนำไปแปะลงใน Script Area

<SCRIPT type="text/javascript">
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="180" height="180">');
document.write('<PARAM NAME="movie" VALUE="//ampol-s.tripod.com/images/clock2.swf">');
document.write('<PARAM NAME="quality" VALUE="high">');
document.write('<PARAM NAME="wmode" VALUE="transparent">');
document.write('<PARAM NAME="menu" VALUE="false">');
document.write('<EMBED SRC="//ampol-s.tripod.com/images/clock2.swf" width="180" height="180 QUALITY="high" WMODE="transparent" MENU="false"></EMBED>');
document.write('</OBJECT>');
</SCRIPT>

หรือใช้โค๊ดนี้

<EMBED src= //ampol-s.tripod.com/images/clock2.swf WIDTH=180 HEIGHT=180 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE=//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED>



แบบที่ 3

                  

วิธีทำ ก็อปปี้โค๊ดข้างล่างนี้แล้วนำไปแปะลงใน Script Area

<SCRIPT type="text/javascript">
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="200" height="200">');
document.write('<PARAM NAME="movie" VALUE="//ampol-s.tripod.com/images/clock3.swf">');
document.write('<PARAM NAME="quality" VALUE="high">');
document.write('<PARAM NAME="wmode" VALUE="transparent">');
document.write('<PARAM NAME="menu" VALUE="false">');
document.write('<EMBED SRC="//ampol-s.tripod.com/images/clock3.swf" width="200" height="200 QUALITY="high" WMODE="transparent" MENU="false"></EMBED>');
document.write('</OBJECT>');
</SCRIPT>

หรือใช้โค๊ดนี้

<EMBED src= //ampol-s.tripod.com/images/clock3.swf WIDTH=200 HEIGHT=200 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE=//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED>



แบบที่ 4

                  

วิธีทำ ก็อปปี้โค๊ดข้างล่างนี้แล้วนำไปแปะลงใน Script Area

<SCRIPT type="text/javascript">
document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="200" height="200">');
document.write('<PARAM NAME="movie" VALUE="//ampol-s.tripod.com/images/clock4.swf">');
document.write('<PARAM NAME="quality" VALUE="high">');
document.write('<PARAM NAME="wmode" VALUE="transparent">');
document.write('<PARAM NAME="menu" VALUE="false">');
document.write('<EMBED SRC="//ampol-s.tripod.com/images/clock4.swf" width="200" height="200 QUALITY="high" WMODE="transparent" MENU="false"></EMBED>');
document.write('</OBJECT>');
</SCRIPT>

หรือใช้โค๊ดนี้

<EMBED src= //ampol-s.tripod.com/images/clock4.swf WIDTH=200 HEIGHT=200 wmode=transparent quality=high loop=true bgcolor=#000000 TYPE="application/x-shockwave-flash" PLUGINSPAGE=//www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash></EMBED>



หวังว่าคราวนี้จะใส่นาฬิกาลงในบล็อกได้สำเร็จเสียทีนะครับ.

Create Date : 18 มีนาคม 2554		9 comments
Last Update : 22 มีนาคม 2554 9:08:37 น.
Counter : 7380 Pageviews.
Share Tweet