รวมโคดที่ใช้ในบล็อก(สำหรับมือใหม่ค่ะ)
| โคดสี กล่องทดสอบโคด และ แบล๊คกราว์ดสวยๆ ดูได้ที่เมนู ด้านบนค่ะ |
|
|
| <font size="2">ใส่่ขนาดของตัวพิมพ์</font> |
|
| <font size="2" color="#ff0000">ใส่่ขนาด ใส่สี ของตัวพิมพ์</font> |
|
| <font face="tahoma" size="2" color="#ff0000">ใส่่ขนาด ใส่สี ใส่ชื่อฟอนท์ ของตัวพิมพ์</font> |
|
ใส่รูป
| | <img src="ใส่..//..ของรูป" border="0" /> |
| ใส่รูป แบบ กำหนดความกว้าง x ความยาว
สีแดง ใส่รูป สีฟ้า คือ ความกว้าง x ความยาวของรูป
| <img src="ใส่..//..ของรูป" border="0" width="31" height="19" />
|
|
ใส่ข้อความให้กับรูป
| | <img src="ใส่..//..ของรูป" border="0" alt="เขียนข้อความที่เราต้องการ"> |
|
ทำลิงค์ที่เปิดในหน้าเดียวกัน
| | <A href="ใส่..//..ของเวป">เขียนข้อความ</A> |
|
ทำลิงค์ที่เปิดอีกหน้านึง
| | <a href="ใส่..//..ของเวป" target="_blank">เขียนข้อความที่เราต้องการ</a> |
|
เอารูปมาทำเป็นลิงค์ สีแดง ใส่ url ของเวป สีฟ้า คือรูปที่จะเอามาทำลิงค์
| <a href="ใส่..//..ของเวป" target="_blank">
<img src="ใส่..//..ของรูป" border="0" ></a> |
|
สัญลักษณ์แบบต่างๆเวลาเวลาเอาเม้าท์ไปวางที่ลิงค์ในหน้าเวป
ก็อปปี้โคดไปวางที่สคริปเอรียค่ะ
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: crosshair; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: help; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: n-resize; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: s-resize; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: e-resize; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
| ลองเอาเม้ามาวางที่นี่ดูค่ะ | <style>A:hover {BACKGROUND-IMAGE: url(); CURSOR: w-resize; COLOR: Red; BACKGROUND-COLOR: #; TEXT-DECORATION: none}</style>
|
|
|
|
| | <HR SIZE="7"> | สีแดง คือความกว้างของเส้นค่ะ
|
|
| | <HR WIDTH="50%"> | สีแดง คือกำหนดความกว้างของเส้นค่ะ
|
|
| | <HR COLOR="red"> | สีแดง คือชื่อของสีที่เราต้องการ
|
|
| | <HR COLOR="#cc0000" WIDTH="70%" SIZE="3"> | สีแดง คือโคดสี สีฟ้า กำหนดความกว้าง สีชมพู คือ ขนาด
|
|
โคดที่ใช้วางที่สคริปเอเรียค่ะ |
ใส่พื้นหลังโดยใช้โคดสี
| <style>body{background:#ffffff}></style>
|
| ใส่พื้นหลังโดยใช้รูป
| <style>body{background-image:url("ใส่..//..ของแบล็คกราว์ด");}</style>
<style>body{background-attachment: fixed;}</style>
|
|
| เปลี่ยนรูปแทน 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="ใส่..//..ของรูป"}</script>
|
|
| เปลี่ยนรูปแทน เรารักในหลวง | <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="ใส่..//..ของรูป"}</script>
|
|
- เปลี่ยนรูปของ bullet จุดเล็กๆที่อยู่หน้าหัวข้อ
| <style>ul{list-style: ;list-style-image: url(ใส่..//..ของรูป);}</style>
| ถ้าไม่ต้องการให้มีจุดเล็กๆข้างหน้า ให้ใส่โคดด้านล่างค่ะ
| <style>ul{list-style: ;list-style-image: url(//i194.photobucket.com/albums/z118/bondslozo/69a4ed8f.gif);}</style>
|
|
ใส่พื้นหลังให้กล่องคอมเม้น สีแดง คือรูป สีฟ้า คือ ความกว้างxความยาว ของรูป
| <STYLE type="text/css">textarea
{width:320;height:265;background:url("ใส่..//..ของรูป");
color="blue";font-family:tahoma; font-size:10pt; </STYLE>
|
|
| ใส่รูป+กำหนดกรอบของกล่องคอมเม้น ดูตัวอย่างที่บล็อกค่ะ | <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:#cc0000 solid 1px; padding:10"> <legend align=right> <font face="Broadway" size="1" color="#990000">เขียนข้อความที่ต้องการ ' + i + ' </font><img src=ใส่..//..ของรูป></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>
|
|
กำหนดสีของลิงค์ทั้งหน้าเวป สีแดง คือ สีของลิงค์
สีฟ้า คือสีลิงค์ของชื่อเพื่อน สีชมพู คือ สีของลิงค์เวลาเอาเม้าท์ไปวาง | <style>A:link{color:#990000;text-decoration:none;}
A:visited{color:#009900;text-decoration:none}
A:hover{color:#FF0000;text-decoration: none;}</style>
|
|
โคดทำให้ตัวพิมพ์ลดลงทั้งหน้าเวป + สีของตัวพิมพ์
ถ้าจะให้มีผลให้วางไว้แถวล่างสุดของหน้าที่วางสคริปเอรียค่ะ
| | <style>body, ul, li, p{font:Regular Tahoma;font-size:8pt;color: #000000;}</style> |
|
| โคดลบกรอบสีขาว | <style>table {background-color:
transparent;border-style: none;border-spacing: none;}td
{border: none;border-color: none;background: none;}</style>
|
|
ใส่โลโก้ บล็อคแก๊ง โคดนี้นำไปวางที่ช่องสโลแกนค่ะ
| | <script>document.images[0].src = "ใส่..//..ของโลโก้ที่เราต้องการ"</script> |
|
เพื่อนที่กำลังเยี่ยมชมบล็อกขณะนี้มีกี่คน
| <script type="text/javascript" src="//fastonlineusers.com/on4.php?d=ใส่..//ของบล็อกคุณ"></script>
เขียนข้อความที่นี่ | ตัวอย่าง
| <script type="text/javascript" src="//fastonlineusers.com/on4.php?d=//misscat.bloggang.com"></script>
เพื่อนที่กำลังชมบล็อก
|
| จำนวนผู้ชมทั้งหมด
| <script src="//fastwebcounter.com/secure.php?s=ใส่..//ของบล็อกคุณ"></script>
เขียนข้อความที่ต้องการ |
|
หลังไมค์
| | <a href ="ใส่..//..ของหลังไมค์ที่เป็นชื่อคุณ" target='_blank'>เขียนข้อความที่ต้องการ</a> | ตัวอย่าง สีฟ้าคือชื่อของคุณทีีใช้ตอนสมัครสมาชิกพันทิป
| | <a href ="//www.pantip.com/cafe/krazip/write.php?nick_name=lozocat" target='_blank'>เมลล์คุยกันโลด</a> |
|
อีเมลล์
| | <a href="mailto:ใส่อีเมล์ของคุณ">เขียนข้อความที่ต้องการ</a> |
|
ข้อความต้อนรับเมือเปิดหน้าเวป
| <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
alert("เขียนข้อความที่ต้องการ")
// End -->
</script> |
|
| ข้อความนี้จะขึ้นที่แถบสีน้ำเงินด้านบนสุดของหน้าคอมค่ะ | <script>window.document.title="เขียนข้อความที่ต้องการ";</script>
|
|
|
บอกวัน-เดือน-ปี-และเวลาเป็นภาษาไทยที่ไตเติ้ลบาร์..แถบสีน้ำเงินด้านบนสุดของหน้าคอม
| <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function clock() {
var date = new Date()
var year = date.getYear()
var month = date.getMonth()
var day = date.getDate()
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds()
var months = new Array("", "มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม", "มิถุนายน", "กรกฎาคม", "สิงหาคม", "กันยายน", "ตุลาคม", "พฤศจิกายน", "ธันวาคม")
var monthname = months[month]
if (hour > 12) {
hour = hour - 12
}
if (minute < 10) {
minute = "0" + minute
}
if (second < 10) {
second = "0" + second
}
document.title = "ขณะนี้ : เดือน " + monthname + " วันที่ " + day + " ปี ค.ศ. " + year + " เวลา " + hour + ":" + minute + ":" + second
setTimeout("clock()", 1000)
}
// End -->
</script>
<body onLoad="clock()" >
</body>
|
| มีอักษรขึ้นมาทีละตัวที่ไตเติ้ลบาร์ค่ะ
| <script language="JavaScript1.2">
var message="เขียนข้อความที่ต้องการที่นี่" //specifys the title
var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0" //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="150" //the delay in milliseconds between letters
function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i="0" //resets the counter at the end of the message
temptitle="" //resets the title to a blank value
}
setTimeout("titler()",speed) //Restarts. Remove line for no-repeat.
}
window.onload=titler
</script>
|
| แสดงเวลาว่าคุณอยู่หน้านี้นานเท่าไหร่ที่ไตเติ้ลบาร์
| <script language="javascript">
var d_title="คุณเข้าหน้านี้มาเป็นเวลา : "
var get_time
//get the login time
var login_h=new Date()
var login_ms=login_h.getTime()
function get_current_time(){
var one_sec=1000
current_time=new Date()
current_time.getTime()
//hold the login time of the user
var login_time=Math.floor((current_time-login_ms)/one_sec)
document.title=d_title+" "+login_time+" "+"วินาที"
//if he pass the minute
if (login_time>60){
var m=Math.floor(login_time/60)
var s=login_time%60
document.title=d_title+" "+m+" "+"นาที "+s+" "+"วินาที"
}
}
function loop_time() {
setInterval("get_current_time()",100)
}
window.onload =loop_time
-->
</script>
|
|
| ข้อความที่เราเขียนเปลี่ยนไปเรื่อยๆที่ไตเติ้ลบาร์
| <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>
|
| ข้อความที่เราเขียนวิ่งไปเรื่อยๆทไตเติ้ลบาร์
| <SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var scrl = "เขียนข้อความที่นี่ ";
function scrlsts() {
scrl = scrl.substring(1, scrl.length) + scrl.substring(0, 1);
document.title = scrl;
setTimeout("scrlsts()", 300);
}
// End -->
</script>
</head>
<BODY onLoad="scrlsts()" >
</body>
|
|
| Create Date : 05 กันยายน 2550 |
| Last Update : 4 กันยายน 2553 1:05:51 น. |
|
223 comments
|
| Counter : 45557 Pageviews. |
 |
|
|
โอ้..บล็อกสวยจังเลยยยยยยยย พํฒนาขึ้นทุกๆวันเลยอ่ะแคท..
ขึ้นอันดับท็อบฮิตแล้วด้วยนะคะ เยี่ยมเลย..
เด็กแนว..คือ คนที่ชอบอะไรแบบไม่เหมือนคนปรกติ..
มือใหม่มากๆ
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 13 คน [
เพราะ จขบ.ลงตามเท่าที่รู้ค่ะ ขอบคุณค่ะ