โค้ดเหล่านี้รวบรวมมาจากเว็บต่างๆที่สอน html ไม่ได้เขียนขึ้นมาเอง จึงไม่สามารถอธิบายอะไรได้ ผิดพลาดประการใดกรุณาแจ้งด้วยจะขอบพระคุณมาก ใครมีปัญหาเชิญถามที่บล็อก "ถาม - ตอบ เรื่องบล็อก" หรือทางหลังไมค์เท่านั้นค่ะ 1. code ทุกอันที่จะนำไปใช้ ต้องใช้คำสั่ง copy แล้วไป paste ที่ notepad ( start --> program --> accessories -->notepad ) เลือกดู คำสั่ง format ที่ notepad ห้ามเป็น word wrap เป็นอันขาด เพื่อให้คำสั่งนั้นอยู่ในบรรทัดเดียวกันหมด 2. code ที่นำไปใช้ เมื่อแก้ไขค่า หรือ url (http:XXX) ห้ามขาดหรือเกิน 3. การหา url ของรูปที่ต้องการคือ คลิกขวา -->เลือก properties ของรูป จะพบ http: ของรูป นั่นคือ url ของรูปนั้น ขอขอบคุณคุณ "ป้าติ๋ว" (nature-delight) ที่ช่วยหาโค้ดตามบล็อกและเว็บต่างๆมาใส่เพิ่มเติมในห้องกล้วยแห่งนี้อยู่เรื่อยๆ ใครจะเริ่มสร้างบล็อก แต่ยังเริ่มไม่ได้ ขอเชิญที่นี่เลยค่ะ บทที่ 1. ☆ ขั้นตอนการสร้าง Blog บทที่ 2. ☆ การสร้าง background แบบป้ามด บทที่ 3. ☆ การใส่รูปลงบล็อก บทที่ 4. ☆ Color Codes สีที่ใช้ในบล็อก บทที่ 5. ☆ ป้ามดสอนมือใหม่ใส่เพลง ใครอยากเอา link ของ banner ของบล็อกนี้ ไปอุปการะไว้ที่บล็อกของท่าน ป้ามดยินดีเป็นอย่างยิ่ง กรุณาก็อปปี้ไปทั้งคำสั่ง ใส่ไว้ในหน้าสร้าง link หรือที่ช่องแนะนำตัวใน profile จะได้รูปแสดงออกมาทุกบล็อก Code <a href ='//www.bloggang.com/viewdiary.php?id=auntymod&group=12&month=08-2005&date=06&blog=2' target='_blank'><img src='//www.bloggang.com/data/a/auntymod/picture/1251429265.gif'border=0></a> Code <a href ='//www.bloggang.com/viewdiary.php?id=auntymod&group=12&month=08-2005&date=06&blog=2' target='_blank'><img src='//www.bloggang.com/data/a/auntymod/picture/1251429359.gif'border=0></a> สัญลักษณ์ที่ใช้สร้างโค้ดคือตัว < และ > คือ &lt; แทนตัว < &gt; แทนตัว > 01. ลักษณะตัวอักษร 02. วิธีใส่รูป (update ที่ คห. ที่ 43) 03. วิธีใส่รูปให้เรียงในหน้าเดียวกัน (update ที่ คห. ที่ 44) 04. ใส่รูปโดยใช้คำสั่ง filter (update ที่ คห. ที่ 45) 05. ใส่รูปในกล่อง comment 06. ใส่ Background 07. เปลี่ยนสี font 08. เปลี่ยนตัวอักษรให้เล็กลงทั้งหน้า 09. ลบกรอบและสีขอบของบล็อก 10. สร้าง link 11. เปลี่ยนรูป cursor 12. แต่งกรอบ comment ให้มีนับข้อความ (คุณกึ่งยิง) 13. เปลี่ยนรูป Bullet 14. เปลี่ยนสี Scroolbar 15. ใส่ google 16. ใส่เพลง 17. ใส่นาฬิกา 18. เปลี่ยนรูปอมยิ้ม (คุณชาเขียว) 19. ลูกเล่นเมื่อเปลี่ยน webpage 20. Fieldset Box 21. ใส่วันและเวลาใน status bar 22. ใส่รูปแทน logo 23. ใส่รูปท้าย Bullet ที่หน้าชื่อ Group blog 23. ขีดเส้นคั่นบทความ 24. แถบข่าวของ นสพ.ผู้จัดการ (คุณ shelling ford) 25. ใส่ scrollbar หน้าบล็อก 26. ใส่ selection box ให้ friend's blog.txt 27. ใส่ข้อความเคลื่อนที่ ที่ task bar 28. ใส่กรอบ (Table) หลายๆแบบให้ข้อความ 29. กรอบ(table) หลายชั้น 30. ใส่แถบสีให้ข้อความ 31. ตัวหนังสือในแถบเรืองแสง 32. กล่อง alert ปรากฏตอนเข้าหน้าบล็อก 33. สร้าง link ให้ส่งข้อความหลังไมค์ 34. ทำ Rainbow Link(update ที่ คห. ที่ ) 35. ใส่รูปหรือข้อความให้เคลื่อนที่ (Marquee)(update ที่ คห. ที่ 46) 36. ใส่โค้ดให้เป็นรูป ⓐⓑⓒ 37. ใส่โค้ดให้เป็นสัญญลักษณ์ต่างๆ 38. เปลียนชื่อที่ title bar 39. ใส่ background เฉพาะส่วนกลางบล็อก 40. สร้างกรอบด้วย background รูปต่างๆ 41. บทความสวยด้วย blockquote 42. Wrist band เรารักในหลวง 43. โค้ดซ่อนข้อความ 43. วิธีใส่รูป (ใหม่) กดที่นี่แจก code ตกแต่ง cursor กดที่นี่แจก code ดาวร่วง กดที่นี่แจก code เพลง midi ประกอบบล็อก กดที่นี่แจก code ผีเสื้อแสนสวย   Create Date : 06 สิงหาคม 2548 43 comments Last Update : 7 มีนาคม 2559 9:14:44 น. Counter : 153163 Pageviews. Share Tweet

ลักษณะของตัวอักษร ใช้โค้ดกำกับด้าหน้า <> แล้วต้องใส่โค้ดปิดด้านหลังด้วยทุกครั้ง </> ตัวหนา .....<b>ตัวหนา</b> ....... ตัวหนา ตัวเอียง......<i>ตัวเอียง <i> ...... ตัวเอียง เน้นตัวหนังสือ .. <strong>เน้นตัวหนังสือ</strong> .... เน้นตัวหนังสือ สี ..........<font color=green>สีเขียว</font> ....... สีเขียว ขนาด ...<font size=?>ข้อความ</font> .... ตั้งขนาดได้จาก 1 ถึง 7 จัดข้อความให้อยู่กลางหน้า .....<center>ใส่ข้อความที่นี่</center> ใส่ข้อความที่นี่ ขนาดของหัวข้อ <H1>heading one</H1> <H2>heading two</H2> <H3>heading three</H3> <H4>heading four</H4>   โดย: ป้ามด 23 เมษายน 2549 8:15:40 น.

วิธีใส่รูป การใส่รูปในช่อง comment หรือในช่องรายละเอียดในการสร้างบล็อก แบบจะต้องใช้ link จะต้องมีรูปที่อยู่ในเว็ปเสียก่อน เมื่อต้องการใส่รูปไหนก็คลิกขวาที่รูปนั้น เลือก properties จะเห็น Address (URL)ของรูป ให้ copy เอา url มาใส่แทนตรงที่สีแดง Code <img src=http:XXX> ใส่รูปให้อยู่ตรงกลางหน้า ให้เพิ่ม center ลงไป Code <center><img src=http:XXX></center> ตัวอย่างเช่น Code <center><img src=//www.pantown.com/data/10170/board4/15-20060125180220.jpg></center> คำสั่งข้างบนคือรูปนี้ ถ้ารูปใหญ่เกินไป ให้ใส่ขนาดตัวเลขที่ต้องการลดขนาด โดยกำหนดขนาดลดลงตามสัดส่วนของรูป Code <center><img src=http:XXX width=400 height=300></center>   โดย: ป้ามด 21 พฤษภาคม 2549 11:50:51 น.

วิธีใส่รูปให้เรียงกันลงไปในหน้าเดียวกัน ให้ copy คำสั่งใส่รูป ไปเรียงๆกันไว้ใน notepad แล้วจัดระยะห่างให้พอดีตามต้องการ จึงค่อยเอา url ของรูปมา paste ลงตรงสีแดง จะใส่กี่รูปก็ได้ไม่จำกัด (ถ้าลิ้งค์มา) การใส่เข้าหน้าบล็อกโดยตรงทีละรูปจะช้า ควรจะเป็นรูปที่เราไปแปะไว้ที่อื่น เช่นที่ pantip หรือเว็บที่เราเป็นสมาชิกอยู่ จะเขียนคำบรรยายไว้ใต้รูปด้วยก็ได้ เมื่อทำเสร็จหมดเรียบร้อย copy ทั้งหมด ไปใส่ในช่องรายละเอียดตอนสร้างบล็อก Code <center><img src=//www.pantown.com/data/10170/board4/15-20060125180220.jpg></center> <center><img src=//www.pantown.com/data/10170/board4/15-20060125180220.jpg></center> <center><img src=//www.pantown.com/data/10170/board4/15-20060125180220.jpg></center>   โดย: ป้ามด 21 พฤษภาคม 2549 13:53:45 น.

ใส่รูปโดยใช้ filter Code <center><img src=http:XX width="400" height="550" style="filter : Alpha(opacity=100, finishopacity=0, style=1..(2)..(3))"></center> 1 2 3 เลือกใช้ 3 style ต่างกันคือ 1, 2 และ 3   โดย: ป้ามด 21 พฤษภาคม 2549 14:01:45 น.

ใส่รูปให้กล่อง comment Code <style type=text/css>textarea{width:450;height:240;background:url(XXX);color=blue; font-family : tahoma; font-size:20pt; </style> ปรับขนาดของกล่อง comment ตามใจชอบ ที่ width และ height หรือให้เท่าขนาดของรูปที่จะนำมาใส่ (ตัวหนังสือสีแดงเปลี่ยนค่าได้หมด) คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:05:05 น.

คำสั่งใส่ background รวบรวมมาจาก การใส่ 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 ไล่สีตามแนวตั้ง เลือกสีได้ที่ ▣ สีที่ใช้ใน blog ▣ เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีแดง คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:13:42 น.

เปลี่ยนสี font เลือกดูสีได้ที่บล็อก ▣ สีที่ใช้ใน blog ▣ ปกติการเปลี่ยนสีของ font จะใช้คำสั่ง <font color=code>....</font> แต่ถ้าต้องการเปลี่ยนสีของ font ทั้งหน้า ต้องใช้คำสั่งข้างล่างนี้ Code เปลี่ยนสี font ทั้งหน้า <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 เปลี่ยนสี font ของ link <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> เลือกสีได้ที่ ▣ สีที่ใช้ใน blog คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:23:08 น.

เปลี่ยนตัวอักษรให้เล็กลงทั้งหน้าเว็บ Code <style>p b font {font:bold 15px Verdana,Tahoma;}</style> คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:27:22 น.

ลบกรอบและสีขอบของบล็อก หน้าตาออกมาแบบของบล็อกป้ามดนี่ละค่ะ Code <style>table {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}</style> คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:28:50 น.

สร้าง link สร้างชื่อของ link Code <a href =url ของเว็บที่ต้องการ link target=_blank>ชื่อที่ต้องการใส่ตรงนี้</a> เช่น Code <a href =https://www.bloggang.com/viewdiary.php?id=auntymod&group=2&month=04-2005&date=15&blog=8 target=_blank>Guestbook</a> จะออกมาแบบนี้ Guestbook สร้างรูปให้ link โดยใส่คำสั่งสั่งรูปต่อท้ายเข้าไป ในตัวอย่าง เอา url ของบล็อกที่เป็น guestbook ใส่คู่กับรูป guestbook ที่เราต้องการ Code <a href =http ของเว็บที่ต้องการ target=_blank><img src=url ของรูปที่ใส่เป็น link border=0</a>   โดย: ป้ามด 21 พฤษภาคม 2549 14:30:12 น.

เปลี่ยนรูป cursor หา save รูป cursor ที่ต้องการมาใส่ในบล็อกของเรา (หรือจะเอารูป cursor ไป upload ที่เว็บอื่น) แล้วเอา URL มาใส่ของรูปมาใส่ในคำสั่งข้างล่าง Code <body style="cursor:url(ใส่ URL ของรูป)"> คำสั่งที่ใส่ใน body   โดย: ป้ามด 21 พฤษภาคม 2549 14:31:26 น.

แต่งกรอบ comment และให้นับข้อความ เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก (คุณกึ่งยิง) Code <script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> <legend align=center(left)(right)style="border: สีของกรอบเล็กsolid 1px; padding:2; background: none">คห.ที่' + i + ' </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script> copy code ไปใส่ไว้ที่ช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 14:32:30 น.

เปลี่ยนรูป Bullet Bullet คือรูปจุดกลมๆที่แสดงอยู่หน้า Group Blog Code <style>ul{list-style: ;list-style-image: url(http:ของ รูป bullet);}</style> คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:33:32 น.

เปลี่ยนสี 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> คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:34:35 น.

ใส่ Search Google Code <!-- Search Google --> <center> <FORM method=GET action="//www.google.com/search"TARGET=_blank> <input type=hidden name=ie value=tis-620> <input type=hidden name=oe value=tis-620> <A HREF="//www.google.co.th/"> <IMG SRC="//www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"> <INPUT TYPE=text name=q size=25 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"></FORM></center> copy code ไปใส่ที่ช่องแนะนำตัว ใน profile หรือ slogan   โดย: ป้ามด 21 พฤษภาคม 2549 14:35:54 น.

ใส่เพลง ดูอย่างละเอียดที่ ▣ ป้ามดสอนมือใหม่ใส่เพลง ▣ ควรแปลงเพลงให้มีขนาดเล็กๆเพื่อที่จะสะดวกแก่การ upload และ link มาเปิดในบล็อก ส่วนมากป้ามดจะแปลงเป็น .wma ใช้โปรแกรมง่ายๆ คือ goldwave หรือใครจะใช้ nero ก็ได้ ส่วน swf.ใช้ macromedia flash mx ถ้าต้องการคุณภาพเสียงดีๆก็อย่าแปลงให้เล็กเกินไปนัก แต่ก็จะเปลืองที่หน่อย web host ที่นิยมแขวนเพลงก็คือ geocities หรือจะลองใช้ Google หา free webhost ส่วน midi เป็นเพลงขนาดเล็ก เหมาะจะเอามาใช้มาก เว็ปที่แขวนได้ง่ายๆก็ pantip หรือ pantown นี่แหละ เราจะใส่ url (http:)ของเพลง ที่ตัวสีแดงนะคะ ค่าอื่นๆไปลองตั้งเอาเอง เช่น autostart : ถ้าต้องการเพลงเปิดเองพร้อมเว็บใช้ true ถ้าใช้ false เพลงจะเล่นเมื่อกดปุ่มที่ console loop: false คือต้องการให้เพลงเล่นครั้งเดียวโดยไม่ต้องวน ค่า true คือจะเล่นวนตลอดไป มีรูป console ให้เปิดปิดได้ ใช้สำหรับไฟล์ที่เป็น wma, wav, mp3 Code <embed src=url ของเพลง autostart=trueloop=false height=45 width=170></embed> ไม่มี รูป console สำหรับไฟล์ midi , wma, wav, mp3 Code <BGSOUND balance=0 src=url ของเพลง volume=-600 loop=0> ไม่มี รูป console สำหรับไฟล์ swf Code <embed pluginspage=//www.macromedia.com/go/getflashplayer src=url ของเพลง swf width=1 height=1 type=application/x-shockwave-flash quality=high></embed> คำสั่งที่ใส่ใน slogan หรือ profile จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล็อก จะแสดงเฉพาะที่บล็อกนั้น   โดย: ป้ามด 21 พฤษภาคม 2549 14:36:52 น.

ใส่นาฬิกา จาก //www.clocklink.com/ Code <embed src="//www.clocklink.com/Clocks/5001-Blue.swf?TimeZone=GMT0700&DateFormat=DD-mm-YYYY" width="220" height="20" wmode="transparent" type="application/x-shockwave-flash"> Code <embed src="//www.clocklink.com/clocks/0001-Blue.swf?TimeZone=GMT0700" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"> มี 6 สี (Blue, Green, Red, Orange, Yellow, Gray) Code <embed src="//www.clocklink.com/clocks/5002-Pink.swf?TimeZone=GMT0700" width="240" height="20" wmode="transparent" type="application/x-shockwave-flash"> พื้นใส ตัวเลขมี 9 สี (Blue, Green, Red, Orange, Yellow, Gray, Pink, Purple, White) Code <embed src="//www.clocklink.com/clocks/0005-Red.swf?TimeZone=GMT0700" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash"> เข็มมี 6 สี (Blue, Green, Red, Orange, Yellow, Gray,) copy code ไปใส่ในช่อง slogan หรือช่องแนะนำตัวที่ profile   โดย: ป้ามด 21 พฤษภาคม 2549 14:38:30 น.

เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ ข้อนี้ไปเอามาจากบล็อกของคุณ ชาเขียว หารูปที่ต้องการมาแทนอมยิ้มอันเก่า แล้วใส่ url ของรูปเข้าไป Code <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="https://www.bloggang.com/images/smile.gif") {document.images[i].src="//ของรูปที่ต้องการ"}</script> copy code ไปใส่ในช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 14:39:23 น.

ลูกเล่นเมื่อเปลี่ยน webpage Code <Meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"><Meta http-equiv="Page-Exit" content="RevealTrans (Duration=2, Transition=23)"> copy code ไปใส่ไว้ที่ช่อง slogan หรือ script   โดย: ป้ามด 21 พฤษภาคม 2549 14:40:22 น.

Fieldset Box fieldset box คือกรอบที่เห็นใส่ code อยู่นี้ สามารถเปลี่ยนค่าได้ตามใจชอบที่ข้อความสีแดง มีหลายแบบ เรียงลำดับตามความง่าย Code <fieldset>ใส่รายละเอียดที่นี่</fieldset> Code <fieldset><legend>Title</legend>ใส่รายละเอียดที่นี่</fieldset> Code <fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color="#FF0000">Title</font></legend><font color="#FF0000"><p align="center (left, right)">ใส่รายละเอียดที่นี่</p></font></fieldset>   โดย: ป้ามด 21 พฤษภาคม 2549 14:53:04 น.

ใส่วันที่และเวลาที่ 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> copy code ไปใส่ไว้ในช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 14:54:37 น.

ใส่รูป bloggang logo ใช้คำสั่งนี้เมื่อต้องการเปลี่ยนรูปของ โลโก้ code <script>document.images[1].src="http:ของรูป logo"; document.images[1].width =0 ; document.images[1].height =0</script> ถ้าไม่ต้องการให้มีรูปอะไรเลย ใช้รูปว่างเปล่านี้ใส่แทนรูปโลโก้ code <script>document.images[1].src="images/spacer.gif"; document.images[1].width =0 ; document.images[1].height =0</script> copy code ไปใส่ไว้ที่ช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 14:56:03 น.

ใส่รูปท้าย bullet ที่หน้าชื่อ group blog ความจริงรูปพวกนั้นไม่ใช่ bullet สังเกตดูจะเห็น bullet เดิมยังมีอยู่ วิธีทำคือ เข้าไปจัดการที่ group blog แล้วกดเปลี่ยนชื่อของ group blog นั้น พอจะใส่ชื่อใหม่ก็ให้ใส่รูปเข้าไปข้างหน้า ใช้คำสั่งนี้ได้เลย <img src=MMM border=0> และถ้าต้องการให้ข้อความเป็นสีอะไร ก็ใส่คำสั่งสีเข้าไปข้างหน้าข้อความ <font color=??> ข้อความ </font>   โดย: ป้ามด 21 พฤษภาคม 2549 14:59:17 น.

แถบข่าว นสพ.ผู้จัดการ แถบข่าวนี้ ป้ามดไปขอมาจากคุณ Shelling Ford` ขอขอบคุณคุณ Shelling Ford มากค่ะ Code <iframe frameborder=0 height=19 name=result scrolling=no src="//www.manager.co.th/Home/NewsAlert.asp" width=80%></iframe> copy code ไปใส่ไว้ที่ slogan   โดย: ป้ามด 21 พฤษภาคม 2549 15:03:02 น.

ใส่กล่อง scroll bar หน้าบล็อก ให้เปลี่ยนสีและขนาดของกล่องเองตามใจชอบที่ข้อความสีแดง Code <DIV align=left style=' color: #000000; background-color: #CCCCFF; border: solid 2px black; width: 200px; height: 100px; overflow: scroll; '> ใส่รูปและข้อความที่นี่ </DIV> When I was just a little girl, I asked my mother, "What will I be Will I be pretty Will I be rich" Here's what she said to me "Que sera, sera, Whatever will be, will be; The future's not ours to see. Que sera, sera, What will be, will be." Now I have Children of my own. They ask their mother, "What will I be?" Will I be handsome? Will I be rich?" I tell them tenderly: "Que sera, sera, Whatever will be, will be; The future's not ours to see. Que sera, sera, What will be, will be. Que Sera, Sera!   โดย: ป้ามด 21 พฤษภาคม 2549 15:04:04 น.

ใส่ selection box ให้ friend's blog การทำ selection จะทำให้รายชื่อของ links กระชับขึ้น ถ้าต้องการใส่ friend's blog ก็ให้ใส่ http ของ mainblog ของเพื่อนๆเข้าไป ก็อปปี้คำสั่งทั้งหมดได้จากกล่อง scrool bar <select onchange="if (this.options[this.selectedIndex].value != 'null') { window.open(this.options[this.selectedIndex].value,'new','toolbar=no,location=yes,directories=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes') }" style="background:aliceblue; width:165; color:royalblue; border:0; AutoSize:false;"><option value="null">Friends' bloggang </option><option value='https://www.bloggang.com/mainblog.php?id=nature-delight'>ป้าติ๋ว</option> <option value='https://www.bloggang.com/mainblog.php?id=dada'>ย่าดา</option> <option value='//www................'>name</option> <option value='//www.................'>name</option></select> จะออกมาดังนี้ Friends' bloggang nature-delight ย่าดา น้องเจ้า น้องแข น้องโบว์ ป้าจู หลานห้า น้อง bee   โดย: ป้ามด 21 พฤษภาคม 2549 15:06:53 น.

ใส่ข้อความเลื่อนที่ taskbar ใส่ข้อความที่ตัวอักษรสีแดง Code <SCRIPT language=JavaScript> <!-- ScrollSpeed = 100; // milliseconds between scrolls ScrollChars = 1; // chars scrolled per time period function SetupTicker() { // add space to the left of the message msg = "*'^'~*-.,_,.-* ใส่ข้อความที่นี่ *-.,_,.-*~'^'*"; RunTicker();} function RunTicker() { window.setTimeout('RunTicker()',ScrollSpeed); window.status = msg; msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);} SetupTicker(); <!-- end --> </SCRIPT> copy code ไปใส่ในช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 15:07:47 น.

ใส่กรอบ (Table) หลายๆแบบให้ข้อความ ต้องการกรอบแบบไหนก็เปลี่ยนรายละเอียดได้ 3 ตำแหน่ง คือ ความหน้าของกรอบ 2px ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, double สีของกรอบ red Code <center><table style="border: 1px solid color code;"cellpadding="5" cellspacing="10"<tr><td><center> ใส่รายละเอียดที่นี่</center> </td></tr></table></center> dotted 2px dashed 2px solid 2px groove 5px ridge 5px inset 5px outset 2px double 5px ดูรูป เปรียบเทียบค่าของ cellpadding cellpadding="5" cellpadding="10" cellpadding="20"   โดย: ป้ามด 21 พฤษภาคม 2549 15:09:09 น.

ใส่กรอบ (Table) หลายๆชั้น เนื่องมาจากข้อ 30.ใส่กรอบหลายๆแบบ เราก็เอาคำสั่งของกรอบมาซ้อนกันหลายๆชั้น และต้องอย่าลืมว่า ใช้คำสั่ง table กี่ครั้ง ก็ต้องมีคำสั่ง table ปิดจำนวนเท่ากันด้วย โค้ดที่เขียนไว้ เป็นคำสั่งของกรอบ 3 ชั้น เรียงในลักษณะ และสีต่างๆ โดยเลือกสี, แบบ, ความหนา (px) และขนาดของ cell spacing ได้ตามใจชอบ Code <center><table style="border: 5px double #FF66CC;" cellspacing=2><tr><td><table style="border: 2px solid #FF99CC;"cellspacing=5><tr><td><table style="border: 2px dotted #FFCCCC;" cellspacing=20><tr><td align=center>ใส่รูปหรือข้อความที่นี่</td></tr></table></td></tr></table></td></tr></table></center> เลือกสีได้ที่ ▣ สีที่ใช้ใน blog table1 MMMMMMMMM table 2 MMMMMMMMM table 3 MMMMMMMMM table 4 MMMMMMMMM table 5 MMMMMMMMM ถ้าต้องการให้มี bg สีใหม่ตรงกลาง ใช้คำสั่งนี้ Code <center><table style="border: 5px double #FF66CC;" cellspacing=2><tr><td><table style="border: 2px solid #FF99CC;"cellspacing=5><tr><td><table style="background:#000000 url();border: 2px dotted #FFCCCC;" cellspacing=20><tr><td align=center>ใส่รูปหรือข้อความที่นี่</td></tr></table></td></tr></table></td></tr></table></center> table 6 มี bg สีใหม่ table 7 มี bg สีใหม่ PowderBlue table 8 มี bg สีใหม่   โดย: ป้ามด 21 พฤษภาคม 2549 15:10:39 น.

ใส่แถบสีให้ข้อความ เลือกสีของ background และ font ตามใจชอบ ขนาดของแถบสีจะเปลี่ยนตามขนาดของข้อความ Code <p style="background:#000000;align=center"><font face="Arial"size=2><font color=#FFFFFF> MMMMMM MMMM MMMM MMMMMMMMM </font></font></p> MMMMMM MMMM MMMM MMMMMMMMM code นี้ใช้ได้ทุกที่   โดย: ป้ามด 21 พฤษภาคม 2549 15:12:22 น.

ตัวหนังสือในแถบเรืองแสง เลือกสีของ background และ font ตามใจชอบ ขนาดของแถบสีจะเปลี่ยนตามขนาดของข้อความ Code 1 <table style="filter:glow(color:#FF99CC"><tr><td><font color=#FFFFFF>ใส่ข้อความที่นี่ </font></td></tr></table> ใส่ข้อความที่นี่ Code 2 <table style="filter:shadow(color:#FFFFFF"><tr><td><font color=#FF99CC>ใส่ข้อความที่นี่ </font></td></tr></table> ใส่ข้อความที่นี่ Code 3 <table style="filter:blur(color:#FFFFFF"><tr><td><font color=#FF99CC>ใส่ข้อความที่นี่ </font></td></tr></table> ใส่ข้อความที่นี่ Code 4 <input type=button value="ใส่ข้อความที่นี่" style="font-family:comic sans ms;font-size:10pt;color:black;font-weight:bold;height:80px;width:200px;background-color:#FFFFFF ;filter:alpha(style=2,opacity=100,finishopacity=0)"></input> Code 5 <input type=button value="ใส่ข้อความที่นี่" style="font-family:comic sans ms;font-size:14pt;color:black;font-weight:bold;height:100px;width:250px;background-color:#FFFFFF ;filter:alpha(style=3,opacity=100,finishopacity=0)"></input>   โดย: ป้ามด 21 พฤษภาคม 2549 15:33:47 น.

กล่อง alert ปรากฏตอนเข้าหน้าบล็อก คำสั่งนี้จะเป็นกล่องข้อความต้อนรับขึ้นมาเมื่อโหลดหน้าเว็บเสร็จ Code <SCRIPT LANGUAGE="JavaScript"> <!-- Begin alert("ใส่ข้อความที่นี่") // End --> </script> คำสั่งนี้ใส่ที่ช่องใส่ script   โดย: ป้ามด 21 พฤษภาคม 2549 15:40:43 น.

ส่งข้อความหลังไมค์ การทำหลังไมค์ คือการสร้างลิ้งค์นั่นเอง ก่อนอื่นคุณต้องหา url ของกล่องส่งหลังไมค์ของคุณ โดยคลิกที่อมยิ้มท้ายชื่อของคุณที่พันทิป แล้วคลิกที่ ส่งข้อความ จะขึ้นหน้าจอส่งหลังไมค์ถึงคุณเอง ให้ก็อปปี้ url ของจอนั้น มาใส่ในคำสั่ง Code <a href ='url ของหลังไมค์' target='_blank'>หลังไมค์ถึงป้ามดกดที่นี่</a> จะออกมาแบบนี้ หลังไมค์ถึงป้ามดกดที่นี่ ถ้าต้องการใส่รูปแทนข้อความ ก็ใส่คำสั่งใส่รูปเข้าไปแทนข้อความ Code <a href ='http ของหลังไมค์' target='_blank'><img src='http ของรูป'border=0></a> จะออกมาแบบนี้ ถ้าใส่รูปหลังไมค์ของพันทิป คือ //www.pantip.com/cafe/krazip/images/logomic.gif จะออกมาแบบนี้   โดย: ป้ามด 21 พฤษภาคม 2549 15:43:56 น.

ทำ Rainbow Link Rainbow Link คือ เมื่อชี้ cursor ไปที่ข้อความที่เป้น link จะเกิดสีสายรุ้งขึ้นมา script นี้ได้มาจาก //www.dynamicdrive.com ที่นั่นแจกลูกเล่นหลายอย่าง ป้ามดจะได้นำมาแจกกันแบบง่ายๆ เท่าที่จะสามารถ Code <script type="text/javascript" src="//www.geocities.com/merrymod/rainbow.js"></script> นำโค้ดทั่งหมดไปใส่ที่ช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 15:46:22 น.

ใส่รูปหรือข้อความให้เคลื่อนที่ (Marquee) การเคลื่อนที่มีหลายแบบ เปลี่ยนทิศทางการเคลื่อนที่ ที่ direction และเปลี่ยนความเร็วที่ scrollamount Code 1 <marquee>ใส่ข้อความตรงนี้</marquee> ใส่ข้อความตรงนี้ Code 2 <marquee direction=right scrollamount=1>ใส่ข้อความตรงนี้ </marquee> ใส่ข้อความตรงนี้ Code 3 <marquee><img src=XXX></marquee> Code 4 <marquee direction=right scrollamount=1><img src=XXX></marquee> Code 5 <marquee direction=right scrollamount=2><img src=XXX> ให้รูปวิ่งพร้อมข้อความ</marquee> ให้รูปวิ่งพร้อมข้อความ Code 6 <marquee direction=up style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:#FF0000"><center>ใส่ข้อความหรือรูปที่นี่<br>ใส่ข้อความหรือรูปที่นี่<br>ใส่ข้อความหรือรูปที่นี่<br>ใส่ข้อความหรือรูปที่นี่</marquee> ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ Code 7 <marquee width=350 height=250 direction=up scrollamount=1><center>ใส่ข้อความและรูปที่นี</center></marquee> Listen to the rhythm of the falling rain, Telling me just what a fool I've been. I wish that it would go and let me cry in vain, And let me be alone again. Now the only girl I've ever loved has gone away. Looking for a brand new start! But little does she know that when she left that day. Along with her she took my heart. Rain, please tell me, now does that seem fair For her to steal my heart away when she don't care I can't love another, when my heart's somewhere far away. Rain, won't you tell her that I love her so Please ask the sun to set her heart aglow Rain in her heart and let the love we know start to grow.   โดย: ป้ามด 21 พฤษภาคม 2549 15:47:32 น.

ใส่โค้ดให้เป็นรูป ⓐⓑⓒ โค้ดตัวเลขที่อยู่ตามหลังรูป คือโค้ดของรูปนั้น ถ้าก้อปปี้โค้ดไปเขียนที่ใด ก็จะออกมาเป็นรูปนั้น ⓐ  &#9424 ⓑ  &#9425 ⓒ  &#9426 ⓓ  &#9427 ⓔ  &#9428 ⓕ  &#9429 ⓖ  &#9420 ⓗ  &#9431 ⓘ  &#9432 ⓙ  &#9433 ⓚ  &#9434 ⓛ  &#9435 ⓜ  &#9436 ⓝ  &#9437 ⓞ  &#9438 ⓟ  &#9439 ⓠ  &#9440 ⓡ  &#9441 ⓢ  &#9442 ⓣ  &#9443 ⓤ  &#9444 ⓥ  &#9445 ⓦ  &#9446 ⓧ  &#9447 ⓨ  &#9448 ⓩ  &#9449   โดย: ป้ามด 21 พฤษภาคม 2549 15:48:52 น.

ใส่โค้ดให้เป็นรูป โค้ดตัวเลขที่อยู่ตามหลังรูป คือโค้ดของรูปนั้น ถ้าก้อปปี้โค้ดไปเขียนที่ใด ก็จะออกมาเป็นรูปนั้น ♠  &#9824 ♤  &9828 ♡  &#9825 ♥  &#9829 ♣  &#9827 ♧  &#9831 ★  &#9733 ☆  &#9734 ♪  &#9834 ♬  &#9836 ♭  &#9837 ♩  &#9833 ☎  &#9742 ☏  &#9743 ۩  &#1769 ☜  &#9756 ☞  &#9758 ♀  &#9792 ♂  &#9794 ♯  &#9839 ▓  &#9619 ï  &iuml ε  &#949 з  &#1079 ≈  &#8776 ღ  &#4326 ■  &#9632 ☉  &9737 【  &12304 】  &12305 ○  &#9675 ც  &#4330 ●  &#9679 ※  &#8251 ▊  &#9610 ▒  &#9618 □  &#9633 ▣  &#9635 ▤  &#9636 ▥  &#9637 ▦  &#9638 ▧  &#9639 ▨  &#9640 ▩  &#9641 ▲  &#9650 △  &#9651 ▼  &#9660 ▽  &#9661 ▶  &#9654 ▷  &#9655 ◀  &#9664 ◁  &#9665 ◆  &#9670 ◇  &#9671 ◈  &#9672 ۞  &#1758 ◊  &#9674 ◎  &#9678 ●  &#9679 ♨  &9832 ◐  &#9680 ◑  &#9681 ◢  &#9698 ◣  &#9699 ©  &#169 ®  &#174 εïз   โดย: ป้ามด 21 พฤษภาคม 2549 15:52:00 น.

เปลี่ยนชื่อที่ title bar title bar คือชื่อที่แถบสีฟ้าบนสุดของ web page (คุณกึ่งยิงฯ) Code <script>window.document.title="..ชื่อที่จะเปลี่ยน (เช่น ...ยินดีต้อนรับสู่บล็อกคนใจดี ....)";</script> copy code ใส่ที่ช่อง script   โดย: ป้ามด 21 พฤษภาคม 2549 15:58:39 น.

ใส่ background เฉพาะส่วนกลางบล็อก เป็นฝีมือมั่วของป้ามด ที่ทดลองใช้ table ใส่ background แล้วใส่คำสั่งปิดท้ายไม่ครบ จึงออกมาเหมือนเป็นการใส่ background เฉพาะส่วนกลางให้แยกขาดจากด้านข้าง คลุมไปจนถึงส่วนของ comment เชิญเอาโค้ดไปใช้ดูนะคะ ทดลองเลือกสีของ background ให้เหมาะสมได้ที่บล็อก ▣ background แบบเรียบ BG 1 จะเป็นสีที่ครอบคลุมไปถึงข้างล่าง BG 2 เป็นกรอบที่แยกส่วนเนื้อหากับส่วนของ comment BG 3 เป็นพื้นที่ตรงกลางของเนื้อหา Code <center><table style="background:none url(BG 1);";cellpadding="10" cellspacing="20"><tr><td align=center><table style="background:none url(BG 2);";cellpadding="10" cellspacing="20"><tr><td align=center><table style="background:none url(BG 3);";cellpadding="20" cellspacing="20"><tr><td align=center>ใส่รายละเอียดที่นี่ </td></tr></td></tr></center>   โดย: ป้ามด 21 พฤษภาคม 2549 15:59:50 น.

สร้างกรอบด้วย bg สีต่างๆ การที่จะสร้างกรอบกี่ชั้น ก็ต้องใส่ url ของ bg ที่จะทำกรอบให้ครบทุกชั้น นับจากชั้นนอกสุดเป็นhttp 1กรอบที่ 2 ก็เป็นhttp 2 กรอบที่ 3 ก็เป็นhttp 3 ความกว้างของกรอบแต่ละชั้นคือค่า cellspacing ส่วนข้อความหรือรายละเอียด ให้ใส่ที่ MMMMMM Code <center><table style="background:none url(http );";cellpadding="20" cellspacing="20"><tr><td><table style="background:none url(http 2);";cellpadding="30" cellspacing="20"><table style="background:none url(http 3);";cellpadding="30" cellspacing="20"><tr><td><center> MMMMMMMMM MMMMMMMMM MMMMMMMM</center> </td></tr></table></center></td></tr></table></center> เช่นเรามี bg ดังนี้ bgsetgreen1  bgsetgreen2  bgsetgreen4 ใส่ table style เข้าไป 3 ชั้น ดั้งนี้ Code <center><table style="background:none url(http:/bgsetgreen1.jpg);";cellpadding="20" cellspacing="20"><tr><td><table style="background:none url(http:/bgsetgreen2.jpg);";cellpadding="30" cellspacing="20"><table style="background:none url(http/bgsetgreen4.jpg);";cellpadding="30" cellspacing="20"><tr><td><center> MMMMMMMMM MMMMMMMMM MMMMMMMM</center> </td></tr></table></center></td></tr></table></center> MMMMMMMMM MMMMMMMMM MMMMMMMM ถ้าต้องการให้เป็นกรอบโดยไม่มีพื้นสีอื่น ให้ใส่ table style ตัวสุดท้ายเป็น bg เดียวกับหน้าบล็อก ป้ามดมี bg สีต่างๆให้เลือกไปทำกรอบหรือสร้างบล็อกอยู่ที่นี่ ▣ background แบบเรียบ ▣   โดย: ป้ามด 21 พฤษภาคม 2549 16:01:44 น.

Blockquote เมื่อเขียนบทความยาวๆ จะจัดข้อความให้อ่านได้ง่ายๆ จัดระยะเว้นวรรคหน้าหลังให้เท่าๆกัน มาใช้ blockqoute กันดีกว่า ไม่ใช้ blockqoute ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน “อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10” ใช้ blockqoute ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน “อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10” Code <blockquote>ใส่รายละเอียดที่นี่</blockquote>   โดย: ป้ามด 23 มิถุนายน 2549 20:52:07 น.

Wrist Band เรารักในหลวง script ของ wrist band เพื่อนๆส่งมาให้จาก //thaiblogger.org นำโค้ดทั้งหมดไปใส่ที่ช่อง script เป็นรูป wristband เรารักในหลวงคาดที่หัวมุมบล็อกด้านบน ให้เลือกซ้ายและขวา เลือกเอาว่าจะเอาไปไว้ที่มุมด้านไหนของบล็อก เอาคำสั่งไปใส่ที่ช่องใส่ script Code มุมซ้าย <script type="text/javascript" src="//thaiblogger.org/webbands/weloveourking_left.js"></script> Code มุมขวา <script type="text/javascript" src="//thaiblogger.org/webbands/weloveourking_right.js"></script>   โดย: ป้ามด 19 มิถุนายน 2551 11:45:57 น.

โค้ดซ่อนข้อความ โค้ดนี้ได้มาจากย่าดา ซึ่งบอกว่าคนเขียนคือคุณกึ่งยิงฯ ใส่ code นี้ที่ชองใส่ script <Script>function expandCollapse() {for (var i=0; i<expandCollapse.arguments.length; i++) {var element = document.getElementById (expandCollapse.arguments[i]);element.style.display = (element.style.display == "none") ? "block" : "none"; }}</Script> โค้ดข้างล่างนี้ใส่ที่ช่องรายละเอียด ถ้ามีการเปิดปิดหลายข้อความ ให้เปลี่ยนตัวเลขทุกตัวจากเลข 1 เรียงไปเรื่อย Code <div id="on1" align="right"><a href="javascript: expandCollapse('expand1', 'on1');"><center><font color=red>คลิกดูรายละเอียด </div><div id="expand1" style="display: none;border: 1px dashed #666666;padding: 8px;"><a href="javascript: expandCollapse('expand1', 'on1');">ไม่ดูแล้วก็ .. ปิด ..</font></a> ใส่รายละเอียดที่นี่ </div> ตัวอย่าง Lover's Romance Vol. 02 - Stay With Me Forever Size: 52mb Bitrates: 192 kbps คลิกดูรายชื่อเพลง... ไม่ดูแล้วก็ .. ปิด .. 01. Bilitis 02. For Elise 03. Cavatina 04. Voyace A Vanice 05. Scat In The Dark 06. Just Tell Me You Love Me 07. Stay With Me Forever 08. Jenifer Song 09. Always On My Mind 10. Ebb Tide 11. Some Where In Time 12. A Comme Amour   โดย: ป้ามด 19 มิถุนายน 2551 11:46:39 น.