รวมโค้ตที่ใช้ในบล็อค
การใส่ บีจี เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีแดง คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น 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 ไล่สีตามแนวตั้ง 6. ใส่ บีจี แบบมุมใดมุมหนึ่ง <style>Body{background-image:url("ใส่โค้ตภาพที่นี้ ");background-repeat: no-repeat;background-position: top right ;background-color: "ใส่โค้ตสีของบีจี ";}</style>top right เราสามารถเปลี่ยนได้ จะเปลี่ยนเป็น :: top left / center / bottom right / left 7. ใส่บีจี แบบมุมใดมุมหนึ่ง ไม่เลื่อนไปตามบล็อค <style type>body{background: ใส่โค้ตสีของบีจี url(ใส่โค้ตภาพที่นี้ ) no-repeat fixed left bottom }</style>Left bottom เราสามารถเปลี่ยนได้ จะเปลี่ยนเป็น :: right top / left top / center / right bottom เปลี่ยนสี font ใช้โค้ดกำกับด้าหน้า <> แล้วต้องใส่โค้ดปิดด้านหลังด้วยทุกครั้ง > <b>ตัวหนา</b> ....... ตัวหนา <i>ตัวเอียง <i> ...... ตัวเอียง <strong>เน้นตัวหนังสือ</strong> .... เน้นตัวหนังสือ <font color=green>สีเขียว </font> ....... สีเขียว <font size=?>ข้อความ</font> .... ตั้งขนาดได้จาก 1 ถึง 7 จัดข้อความให้อยู่กลางหน้า <center>ใส่ข้อความที่นี่</center> เปลี่ยนสไตย์ตัวหนังสือ <font face="TH Charm of AU ">ใส่ข้อความที่นี้ </font> ปกติการเปลี่ยนสีของ font จะใช้คำสั่ง <font color=code>ใส่ข้อความที่นี้ </font>แต่ถ้าต้องการเปลี่ยนสีของ font ทั้งหน้า ต้องใช้คำสั่งข้างล่างนี้ 1. Code เปลี่ยนสี font ทั้งหน้า <style>body, ul, li, p{font: normal MS Sans Serif,Tahoma ;font-size:10 pt;color:black ;} </style> 2. Code เปลี่ยนสี font ทั้งหน้า " ตัวหนังสือแบบหนา " <style>p b font {font:bold 13 px MS Sans Serif ;} </style> " ตัวหนังสือแบบธรรมดา " <style>p b font {font:13 px MS Sans Serif ;} </style> 3. Code เปลี่ยนสี font ทั้งหน้า <style>font,td,div,p {font:18 px MS Sans Serif ;color:black ;} </style> 4. 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>การใส่รูป 1.ให้รูปไม่มีกรอบ <style>img {border: none;} </style> 2.ใส่รูปภาพ <img src="URL ของรูป "> 3.ใส่รูปภาพ <img src="URL ของรูป " "border=0"> 4.ใส่รูปภาพพร้อมคำพูด <img src="URL ของรูป " alt="***">ใส่ข้อความต่อจากภาพได้เลยค่ะการใส่ Link 1.ทำ Link <a href ="URL Link ">ข้อความที่ต้องการ </a> 2.ทำ Link เปิดหน้าใหม่ <a href =URL Link target=_blank>ข้อความที่ต้องการ </a> 3.ทำรูปให้กับ Link <a href="URL Link "><img src="URL ของรูป "></a> 4.ทำรูปให้กับ Link (เปิดหน้าใหม่) <a href="URL Link " target=_blank><img src="URL ของรูป "></a> ลบพื้นหลังและลบกรอบสีขาว <style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;} </style>เปลี่ยน Bullet (จุดกลมๆที่อยู่หน้า Group Blog) <style>ul{list-style: ;list-style-image: url(URL ของรูป );} </style>เปลี่ยน Title Bar (แถบสีฟ้าที่อยู่บนและล่างสุด) <script language="Javascript"> var tt = 0; var FMess = new Array("ข้อความที่ 1","ข้อความที่ 2","ข้อความที่ 3 ") function FTitle() { document.title = FMess[tt] tt = (tt < (FMess.length -1)) ? tt + 1 : 0; setTimeout('FTitle()',700); } FTitle(); </script>เปลี่ยน Cursor <body style="cursor:url(URL ของรูป ไฟล์ .ani หรือ .cur )">เปลี่ยนสี Scrollbar (แถบลากขึ้นลงด้านขวามือ) <STYLE> body { scrollbar-3d-light-color:โค้ดสี ; scrollbar-arrow-color:โค้ดสี ; scrollbar-3d-light-color:โค้ดสี ; scrollbar-arrow-color:โค้ดสี ; scrollbar-base-color:โค้ดสี ; scrollbar-dark-shadow-color:โค้ดสี ; scrollbar-face-color:โค้ดสี; scrollbar-highlight-color:โค้ดสี ; scrollbar-track-color:โค้ดสี ; scrollbar-shadow-color:โค้ดสี ; }</STYLE>เปลี่ยนรูปเรารักในหลวง (Login ท้ายชื่อใน Comment) <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/smile.gif") {document.images[i].src="URL ของรูป "}</script>จำนวนผู้ชมออนไลน์ <script type="text/javascript" src="//fastonlineusers.com/on4.php?d=URL บล็อคของคุณ "></script> : Users Online ใส่รูปให้กล่อง Comment <style type=text/css>textarea{width:300;height:200;background:url(URL ของรูป ) ;color=โค้ดสีเวลาพิมพ์ ; font-family : MS Sans Serif ; font-size:14 pt; }</style>ส่งอีเมล์ <a href="mailto:ที่อยู่อีเมล์ของคุณ ">ส่งอีเมล์ </a>หรือใส่รูป <a href="mailto:ที่อยู่อีเมล์ของคุณ "><img src="URL ของรูป "></a>เปลี่ยน Logo Bloggang <script>document.images[0].src="URL ของภาพ "; document.images[0].width =0 ; document.images[0].height =0</script>เปลี่ยน Now Here <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/now.gif") {document.images[i].src="URL ของภาพ "}</script>Theme อิสระ - เมนูซ้าย, ขวา เปลี่ยนไม่ได้ค่ะ ทำกรอบรอบๆบล็อค <script language="JavaScript1.2"> if (document.all) document.body.style.cssText="border:10 ridge โค้ดสี " </script> ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, doubleข้อความต้อนรับ <SCRIPT LANGUAGE="JavaScript"> <!-- Begin alert("ข้อความที่จะทักทาย ") // End --> </script>ข้อความบอกลา <Script Language="VBScript"> Sub Window_onUnLoad() alert("ข้อความที่ต้องการ ") End Sub </Script>คลิ๊ก MOUSE ขวาแล้วไม่มีอะไรขึ้นมาเลย <script type="text/javascript" src ="//www.geocities.com/paradijs.bloggang/mouse.js"> </script>เวลาที่ Status Bar <script type="text/javascript" src ="//www.geocities.com/paradijs.bloggang/time.js"> </script>ลูกเล่นเมื่อเปลี่ยน Webpage <="Page-Enter" content="RevealTrans (Duration=3, Transition=23)"> <="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">Mouse ชี้ที่ Link แล้วเป็นสีรุ้ง <script type="text/javascript" src ="//www.geocities.com/paradijs.bloggang/link.js"> </script>กรอบนับ Comment โดยคุณ กึ่งยิงกึ่งผ่าน จะใช้อันไหนก็ได้ค่ะ ตามสบายค่ะ <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:โค้ดสี double 3 px; padding:20"> <legend align=center><img src=URL ของรูป > Comment No. ' + i + ' <img src=URL ของรูป > </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;} </script> เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก <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 1 px; padding:4 "> <legend align=center(left)(right) style="border: สีของกรอบเล็ก solid 1 px; padding:2 ; background: none ">คห.ที่ ' + i + ' </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>ส่งหลังไมค์ <a href ="URL หลังไมค์ " target='_blank'> ส่งหลังไมค์ที่นี่ </a>หรือใส่รูป <a href ="URL หลังไมค์ " target='_blank'><img src="URL ของรูป " border=0></a> โค้ดทำกรอบและเปลี่ยนคำให้กับ Submit และ Reset <script> document.forms.reply.Submit.value = "Submit "; document.forms.reply.Reset.value = "Reset "; document.forms.reply.Submit.style.width = 100 ; document.forms.reply.Reset.style.width = 100 ; document.forms.reply.Submit.style.height = 30 ; document.forms.reply.Reset.style.height = 30 ; document.forms.reply.Submit.style.backgroundColor = "black "; document.forms.reply.Reset.style.backgroundColor = "black "; document.forms.reply.Submit.style.color = "#e65c7c "; document.forms.reply.Reset.style.color = "#e65c7c "; document.forms.reply.Submit.style.border = "3 px double #e65c7c "; document.forms.reply.Reset.style.border = "3 px double #e65c7c "; </script> Submit = เปลี่ยนเป็นคำที่ต้องการแทน Submit Reset = เปลี่ยนเป็นคำที่ต้องการแทน Reset 100 = ความยาวของกรอบ 30 = ความสูงของกรอบ black = สีพื้นหลังที่ต้องการ #e65c7c = สีตัวอักษรที่ต้องการ 3px double #e65c7c = ขนาด, ชนิด, และสีกรอบที่ต้องการ ชนิดกรอบจะมี solid, inset, outset, groove, ridge, dashed, dotted, หรือ doubleโค้ดเชคข้อความหลังไมค์ ต้อง Login ที่ Bloggang ก่อนค่ะ ถึงจะเชคข้อความหลังไมค์ได้ <a href ="//www.pantip.com/cafe/krazip/index.php" target=_blank>เชคข้อความหลังไมค์ </a>หรือใส่รูป <a href="//www.pantip.com/cafe/krazip/index.php" target=_blank><img src="URL ของรูปที่ต้องการ " border="0"></a>โค้ดเปลี่ยนรูปตรง Rss Feed <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_rss.png") {document.images[i].src="URL ของรูปที่ต้องการ "}</script>โค้ดเปลี่ยนรูปตรง My Network <script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_network_mini1.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน "}</script>โค้ด กลับขึ้นข้างบนของ Page <center><a href="#top">TOP</a></center> การใส่เพลง ใส่เพลง Real Player ram, rm <OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=70 WIDTH=300 > <PARAM NAME="controls" VALUE="ControlPanel,StatusBar"> <PARAM NAME="console" VALUE="Clip1"> <PARAM NAME="autostart" VALUE="true หรือ false "> <PARAM NAME="src" VALUE="URL เพลง "> <EMBED SRC="URL เพลง " type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel,StatusBar" HEIGHT=70 WIDTH=300 AUTOSTART=false> </OBJECT>ใส่เพลง wma, wmv, mp3 มี Console เปิด - ปิด <EMBED SRC="URL เพลง wma, wmv, mp3 " HEIGHT="40 " WIDTH="170 " AUTOSTART="true " VOLUME="50%" MASTERSOUND></EMBED> <embed src=url ของเพลง autostart=true loop=false height=45 width=170></embed>ไม่มี Console เปิด - ปิด <EMBED SRC="URL เพลง wma, wmv, mp3 "HIDDEN="true" AUTOSTART="true" LOOP="true" VOLUME="50%" MASTERSOUND></EMBED> <BGSOUND balance=0 src=url ของเพลง volume=-600 loop=0 > ใส่เพลง swf <object id="mediaplayer" height="45 " width="170 " classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"standby="Loading Microsoft Windows Media Player components" viewastext><param name="url"value="URL เพลง swf "><param name="autostart" value="ture"></object>ไม่มี รูป console สำหรับไฟล์ swf <embed pluginspage=//www.macromedia.com/go/getflashplayer src=url ของเพลง swf width=1 height=1 type=application/x-shockwave-flash quality=high></embed>การใช้โค้ต Blockquote เมื่อเขียนบทความยาวๆ จะจัดข้อความให้อ่านได้ง่ายๆ จัดระยะเว้นวรรคหน้าหลังให้เท่าๆกัน ไม่ใช้ blockqoute ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10ใช้ blockqoute ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดี กล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วน อาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10 <blockquote>ใส่รายละเอียดที่นี่</blockquote> ใส่รูปหรือข้อความให้เคลื่อนที่ (Marquee) การเคลื่อนที่มีหลายแบบ เปลี่ยนทิศทางการเคลื่อนที่ ที่ direction และเปลี่ยนความเร็วที่ scrollamount <marquee>ใส่ข้อความตรงนี้ </marquee>ใส่ข้อความตรงนี้ <marquee direction=right scrollamount=1 >ใส่ข้อความตรงนี้ </marquee>ใส่ข้อความตรงนี้ <marquee><img src=XXX ></marquee> <marquee direction=right scrollamount=1 ><img src=XXX ></marquee> <marquee direction=right scrollamount=2 ><img src=XXX > ให้รูปวิ่งพร้อมข้อความ </marquee> ให้รูปวิ่งพร้อมข้อความ <marquee direction=up style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:#FF0000"><center>ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่<marquee>ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ ใส่ข้อความหรือรูปที่นี่ <marquee width=350 height=250 direction=up scrollamount=1><center>ใส่ข้อความและรูปที่นี </center></marquee> ใส่ข้อความและรูปที่นี การใช้ / ใส่ Fieldset Box <fieldset>ใส่รายละเอียดที่นี่ </fieldset> ใส่รายละเอียดที่นี่ <fieldset><<egend>Title </legend>ใส่รายละเอียดที่นี่ </fieldset>Title ใส่รายละเอียดที่นี่ <fieldset style="border:1 px solid #FF0000 ; padding:10 ;"><legend align="left ">Title </legend><p align="center (left, right) ">ใส่รายละเอียดที่นี่ </p> </fieldset>Title ใส่รายละเอียดที่นี่
ความหน้าของกรอบ 2px ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, doubleใส่กรอบ (Table) หลายๆแบบให้ข้อความ <center><table style="border: 1px solid color code;"cellpadding="5" cellspacing="10"<tr><td><center>ใส่รายละเอียดที่นี่ </center> </td></tr></table></center> 1.แบบไม่มีพื้อนหลัง <style> fieldset{ border: 3 px ใส่ชนิดของกรอบ ; padding: 5 px 5 px 5 px 5 px; border-color : ใส่โค้ดสีกรอบ ;} </style> 2.ใส่พื้นด้วยโค้ตสี <style> fieldset{ border: 3 px ใส่ชนิดของกรอบ ; padding: 5 px 5 px 5 px 5 px; background-color: white ;} border-color : ใส่โค้ดสีกรอบ ;} </style> 3.ใส่พี้นหลังด้วยภาพ <style> fieldset{ border: 3 px ใส่ชนิดของกรอบ ; padding: 5 px 5 px 5 px 5 px; background-image:url(ใส่ URLรูป ); border-color : ใส่โค้ดสีกรอบ ;} </style> fieldset = กรอบของ Emotions เมื่อใช้โค้ดนี้แล้ว จะมีผลกับ fieldset กรอบมน ที่ใช้ภายในบล็อคค่ะ padding: 5px 5px 5px 5px = ระยะห่างของตัวอักษรจากกรอบ width: 180px = ความยาวของกรอบ เปลี่ยนตัวเลขได้ค่ะ border: 1px = เปลี่ยนขนาดของกรอบได้ค่ะ ชนิดของกรอบจะมี inset, outset, double, dotted, dashed, groove, ridge, solidก่อนทำกรอบของ Emotions ก่อนทำกรอบของ Emotions และถ้าคุณใช้ fieldset ในบล็อคโค้ตอันนี้ก็จะกำหนดโค้ตนั้นๆไปด้วย อย่างเช่น ที่หน้าบล็อคของ ดอกหญ้า อย่างภาพนี้ เส้นขอบดำๆ และพื้นสีขาว ดอกหญ้าก็จะใช้ โค้ต " อย่าเอาหัวใจ ไปผูกติดกับตีนใคร เมื่อเขาก้าวขาออกไป เราจะเจ็บใจเสมอ" (โค้ตอันนี้ดอกหญ้าว่างไว้ช่อง แก้ไข Profile ส่วนตัว) <fieldset> <center><img src=//i102.photobucket.com/albums/m85/penporn2006/1e8a0c82.gif> <img src=//www.bloggang.com/data/clownie/picture/1178172033.gif> " อย่าเอาหัวใจ ไปผูกติดกับตีนใคร เมื่อเขาก้าวขาออกไป เราจะเจ็บใจเสมอ" <img src=//www.bloggang.com/data/same-same/picture/1178351538.gif></center> </fieldset> (และโค้ตนนี้ ว่างไว้ที่ "จัดการ Script area") <style> fieldset{ border: 1px solid; padding: 5px 5px 5px 5px; border-color : black;} </style>ขอบคุณโค้ต จากบล็อค ป้ามด และ พี่ paradijs TOP Update : 7 เมษายน 2551
Create Date : 07 เมษายน 2551
Last Update : 7 เมษายน 2551 6:08:36 น.
94 comments
Counter : 10879 Pageviews.