... Home is where the heart is ...
Group Blog
 
<<
สิงหาคม 2548
 123456
78910111213
14151617181920
21222324252627
28293031 
 
6 สิงหาคม 2548
 
All Blogs
 
code ง่ายๆ สำหรับ blog





โค้ดเหล่านี้รวบรวมมาจากเว็บต่างๆที่สอน 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
Last Update : 7 มีนาคม 2559 9:14:44 น. 43 comments
Counter : 151185 Pageviews.

 

ลักษณะของตัวอักษร



ใช้โค้ดกำกับด้าหน้า <> แล้วต้องใส่โค้ดปิดด้านหลังด้วยทุกครั้ง </>

ตัวหนา .....<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
23

เลือกใช้ 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>


จะออกมาดังนี้



โดย: ป้ามด วันที่: 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




โดย: ป้ามด วันที่: 19 มิถุนายน 2551 เวลา:11:46:39 น.  

ป้ามด
Location :
กรุงเทพ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 203 คน [?]













ความภาคภูมิใจ

♥ ป้ามดกับรายการ ผู้หญิงถึงผู้หญิง
♥ ป้ามดกับ ประชาชาติธุรกิจ




การสร้าง BLOG

▣ วิธีย่อรูปเพื่อใช้ในเว็บ
▣ ขั้นตอนการสร้าง blog
▣ การใส่ background
▣ การใส่รูป
▣ สีที่ใช้ใน blog




ของแจกแต่งบล็อก

◈ รูป GUESTBOOK
◈ BACKGROUND
◈ กรอบโทนสีชมพู


ครอบครัวของป้ามดกับลุงจุ๊บ

♥ ชายผ้าเหลือง
♥ วันดีของลูก
♥ วันดีของป้ามดกับลุงจุ๊บ
♥ บ้านหลังแรกของป้ามดกับลุงจุ๊บ



เล่าเรื่องเมืองสะเมิง

♡ เล่าเรื่องเมืองสะเมิง 1
♡ เล่าเรื่องเมืองสะเมิง 2



สอนมือใหม่ให้หัดปลูก

สอนมือใหม่ให้หัดชำสะระแหน่
มาปลูก hydrangeas ไว้ทำดอกไม้แห้งกันดีกว่า
พ่อด้วงสอนการตอนต้นไม้
พ่อด้วงสอนการผสมเกสรชวนชม



ของฝากจากเพื่อนๆ

น้องเหมียวแสนรักของเพื่อนๆ
น้องหมาแสนรักของเพื่อนๆ
ดอกไม้จากเพื่อนๆตอนที่ 1
ดอกไม้จากเพื่อนๆตอนที่ 2
ดอกไม้จากเพื่อนๆตอนที่ 3 (เรือนกล้วยไม้)
ดอกไม้จากเพื่อนๆตอนที่ 4
ดอกไม้จากเพื่อนๆตอนที่ 5
ดอกไม้จากเพื่อนๆตอนที่ 6 (คุณพันจำ)
ดอกไม้จากเพื่อนๆตอนที่ 7 (คุณพันจำ 2)
ดอกไม้จากเพื่อนๆตอนที่ 8 (ลั่นทม)
ประโยคดีๆจากเพื่อนๆ



DIY

★ ป้ามดสอนเย็บถุงผ้าน่ารัก



JOKE

※ เพื่อนเล่าเรื่องตลก 1
※ เพื่อนเล่าเรื่องตลก 2
※ เพื่อนเล่าเรื่องตลก 3
※ เพื่อนเล่าเรื่องตลก 4
※ เพื่อนเล่าเรื่องตลก 5



Oldies Music 101

♪ Andy Williams
♪ The Everly Brothers
♪ Bobby Vee
♪ Sue Thompson
♪ Brian Hyland
♪ The Cascades
♪ Perry Como
♪ Paul Anka
♪ Johnny Horton
♪ Doris Day

Friends' blogs
[Add ป้ามด's blog to your web]
Links
 

MY VIP Friends


 
 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.