รวมโค้ตที่ใช้ในบล็อค
การใส่ บีจีเปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีแดงคำสั่งที่ใส่ใน 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 / left7. ใส่บีจี แบบมุมใดมุมหนึ่ง ไม่เลื่อนไปตามบล็อค<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:10pt;color:black;} </style>2. Code เปลี่ยนสี font ทั้งหน้า" ตัวหนังสือแบบหนา "<style>p b font {font:bold 13px MS Sans Serif;} </style>" ตัวหนังสือแบบธรรมดา "<style>p b font {font:13px MS Sans Serif;} </style>3. Code เปลี่ยนสี font ทั้งหน้า<style>font,td,div,p {font:18px 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="***">ใส่ข้อความต่อจากภาพได้เลยค่ะ
การใส่ Link1.ทำ 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:14pt; }</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"><!-- Beginalert("ข้อความที่จะทักทาย")// 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 3px; 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 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>ส่งหลังไมค์<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 = "3px double #e65c7c"; document.forms.reply.Reset.style.border = "3px double #e65c7c"; </script>Submit = เปลี่ยนเป็นคำที่ต้องการแทน SubmitReset = เปลี่ยนเป็นคำที่ต้องการแทน Reset100 = ความยาวของกรอบ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>
ดร.สิติมา จิตตินันทน์ นักวิชาการจากสถาบันวิจัยโภชนาการ มหาวิทยาลัยมหิดล ให้ข้อมูลถึงเรื่องอาหารเช้ากับสุขภาพว่า อาหารเช้านั้น เป็นมื้อที่สำคัญที่สุดของวัน และการไม่รับประทานอาหารเช้าก็มีผลเสียมากกว่าผลดีกล่าวคือนับจากอาหารมื้อเย็น จะเห็นได้ว่า ร่างกายของเราต้องอดอาหารมาประมาณ 10-12 ชั่วโมง ซึ่งส่งผลทำให้ระดับน้ำตาลในเลือดต่ำ ดังนั้น หากงดอาหารเช้าจะทำให้มีแนวโน้มการรับประทานอาหารที่มีพลังงานและไขมันสูงในมื้อเที่ยงมากขึ้น จนเป็นสาเหตุหนึ่งของภาวะน้ำหนักเกินและโรคอ้วนอาหารเช้าที่เหมาะสมควรมีค่าพลังงานและสารอาหารอย่างน้อย 1 ใน 4 หรือร้อยละ 25 ของปริมาณที่ควรจะได้รับตลอดวัน ส่วนการกระจายของพลังงานในมื้อกลางวันและมื้อเย็น ควรอยู่ที่ร้อยละ 35 และ 30 ตามลำดับ และที่เหลือเป็นพลังงานจากอาหารว่างอีกร้อยละ 10
<blockquote>ใส่รายละเอียดที่นี่</blockquote>
<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>ใส่รายละเอียดที่นี่</fieldset>ใส่รายละเอียดที่นี่<fieldset><<egend>Title</legend>ใส่รายละเอียดที่นี่</fieldset>Titleใส่รายละเอียดที่นี่<fieldset style="border:1px 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
ใส่รายละเอียดที่นี่
Titleใส่รายละเอียดที่นี่
Titleใส่รายละเอียดที่นี่ความหน้าของกรอบ 2pxชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, double
1.แบบไม่มีพื้อนหลัง<style>fieldset{border: 3px ใส่ชนิดของกรอบ;padding: 5px 5px 5px 5px;border-color : ใส่โค้ดสีกรอบ;}</style>2.ใส่พื้นด้วยโค้ตสี<style>fieldset{border: 3px ใส่ชนิดของกรอบ;padding: 5px 5px 5px 5px;background-color: white;}border-color : ใส่โค้ดสีกรอบ;}</style>3.ใส่พี้นหลังด้วยภาพ<style>fieldset{border: 3px ใส่ชนิดของกรอบ;padding: 5px 5px 5px 5px;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>
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 8 คน [
