Group Blog
 
<<
พฤศจิกายน 2550
 123
45678910
11121314151617
18192021222324
252627282930 
 
6 พฤศจิกายน 2550
 
All Blogs
 
<<<+++โค้ดสัพเพหระ...ไว้ทำบล็อก+++>>>



โค้ดสัพเพเหระ...ไว้ทำบล็อก





ใส่รูป แบบ กำหนดความกว้าง x ความยาว

<img src="ใส่..//..ของรูป" border="0" width="31" height="
color=#20B2AA>19
" />


ทำลิงค์ที่เปิดในหน้าเดียวกัน

<A href="ใส่..//..ของเวป">เขียนข้อความ</A>


ทำลิงค์ที่เปิดอีกหน้านึง

<a href="ใส่..//..ของเวป" target="_blank">เขียนข้อความที่เราต้อง

การ
</a>


เอารูปมาทำเป็นลิงค์

<a href="ใส่..//..ของเวป" target="_blank">
<img src="ใส่..//..ของรูป" border="0" ></a>


เปลี่ยนรูปแทน 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>


เปลี่ยนชื่อที่ title bar
title bar คือชื่อที่แถบสีฟ้าบนสุดของ web page

<script>window.document.title="..ชื่อที่จะเปลี่ยน (เช่น ...ยินดีต้อนรับสู่บล็อกคนใจดี ....)";</script>

***ใส่ที่ช่อง Script Area***


ข้อความที่เราเขียนวิ่งไปเรื่อยๆที่ไตเติ้ลบาร์

<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>


ข้อความที่เราเขียนเปลี่ยนไปเรื่อยๆที่ Title Bar (แถบสีฟ้าที่อยู่บนสุด)

<script language="Javascript">
var tt = 0;
var FMess = new Array("ข้อความที่ 1","ข้อความที่ 2","
color=#20B2AA>ข้อความที่ 3
")
function FTitle()
{
document.title = FMess[tt]
tt = (tt <(FMess.length -1)) ? tt + 1 : 0;
setTimeout('FTitle()',700);
}
FTitle();
</script>



เปลี่ยนสี scroll bar
ใส่ในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่ table นั้น

<style type="text/css">body {scrollbar-arrow-color:ใส่โค้ดสี;scrollbar-highlight-color:
color=#CD9B9B>ใส่โค้ดสี
; scrollbar-base-color:ใส่โค้ดสี;scrollbar-dark-shadow-color:
color=#CD9B9B>ใส่โค้ดสี
;scrollbar-track-color:ใส่โค้ดสี;}</style>

***คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่อง Table จะแสดงเฉพาะที่หน้านั้น***


เปลี่ยนสี scollbarแบบที่ 2

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:โค้ดสี;
scrollbar-highlight-color:โค้ดสี;
scrollbar-3dlight-color:โค้ดสี;
scrollbar-darkshadow-color:โค้ดสี;
scrollbar-shadow-color:โค้ดสี;
scrollbar-arrow-color:โค้ดสี;
scrollbar-track-color:โค้ดสี;
}
-->
</STYLE>

***ใส่ในscript จะแสดงทุกหน้าเวป
ใส่ใน table จะแสดงแค่หน้านั้น***


เปลี่ยนรูปใน กล่อง comment
<STYLE type="text/css">textarea{width:330;height:220;background:url("รูปที่ต้องการ");color=
color=#CD9B9B>codeสีของตัวหนังสือที่จะใช้
;font-family :tahoma; font-size:16pt;</STYLE>

***ใส่ในscript จะแสดงทุกหน้าเวป
ใส่ใน table จะแสดงแค่หน้านั้น***


ใส่กรอบ+รูปให้กล่องเม้นท์

<style type=text/css>textarea{width:300;height:200;background:url(URL ของรูป);color:
color=#CD9B9B>โค้ดสี เวลาพิมพ์ข้อความ
; font-family : MS Sans Serif; font-size:15pt; border= double 5px
color=#9BCD9B>โค้ดสีกรอบที่ต้องการ
;}input{background:โค้ดสีพื้นหลังตรงที่จะพิมพ์ชื่อ;color:
color=#9BCD9B>โค้ดสี เวลาพิมพ์ชื่อ
;border:dashed 2pxโค้ดสีกรอบตรงที่จะพิมพ์ชื่อ;} </style>

อธิบาย เกี่ยวกับโค้ด
300 = ความยาวของกล่องเม้นท์
200 = ความสูงของกล่องเม้นท์
URL ของรูป = URL ของรูป ที่จะใส่ในกล่องคอมเม้นท์
MS Sans Serif = ชื่อ Font เวลาพิมพ์ข้อความ
15pt = ขนาดของตัวอักษรที่พิมพ์
double, dashed = ชนิดของกรอบ เปลี่ยนเป็นแบบอื่นได้ค่ะ
inset, outset, dotted, dashed, groove, ridge, solid
5px = ขนาดของกรอบ ของกล่องเม้นท์
2px = ขนาดของกรอบ ตรงที่จะพิมพ์ชื่อ
โค้ดสีพื้นหลังตรงที่จะพิมพ์ชื่อ = ถ้าอยากใส่รูป ให้เปลี่ยนเป็น
url(URL ของรูป )


กรอบนับ 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:โค้ดสี groove 3px;padding:20"><legend

align=center><img src=URL ของรูป>ความเห็นที่ ' + i + '<img src=URL

ของรูป
></font></legend>';document.getElementById( i ).innerHTML=beforeHtml + originalHtml;}</script>

กรอบนับ Comment ที่ใช้ในบล็อก Kluaytubนี้
<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 style="background:โค้ดสี url();border: โค้ดสี solid 1px; padding:2"><font color=

โค้ดสี size=-1><img src=URLของรูป>คนที่ ' + i + ' ที่แวะมาทัก

ทาย<img src=URLของรูป></font></legend>'; document.getElementById( i ).innerHTML =

beforeHtml + originalHtml }</script>


ลบกรอบใน Profile

<style>img {border: none;}</style>


ทำกรอบให้กล่อง summit

<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 = เปลี่ยนเป็นคำที่ต้องการแทน Submit
Reset = เปลี่ยนเป็นคำที่ต้องการแทน Reset
100 = ความยาวของกรอบ
30 = ความสูงของกรอบ
black = สีพื้นหลังที่ต้องการ
#e65c7c = สีตัวอักษรที่ต้องการ
3px double #e65c7c = ขนาด, ชนิด, และสีกรอบที่ต้องการ
ชนิดกรอบจะมี solid, inset, outset, groove, ridge, dashed, dotted, หรือ double


กำหนดสีของลิงค์ทั้งหน้าเวป
สีแดง คือ สีของลิงค์
สีฟ้า คือสีลิงค์ของชื่อเพื่อน
สีเขียว คือ สีของลิงค์เวลาเอาเม้าท์ไปวาง

<style>A:link{color:โค้ดสี;text-decoration:none;}
A:visited{color:โค้ดสี;text-decoration:none}
A:hover{color:โค้ดสี;text-decoration: none;}</style>


ลบกรอบสีขาว
<style>table {background-color:
transparent;border-style: none;border-spacing: none;}td
{border: none;border-color: none;background: none;}</style>


ลูกเล่นเมื่อเปลี่ยน Webpage
(ใส่ที่ช่องsloganหรือScript)

<="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">


โค้ดใส่โค้ด

< แทนตัว <
> แทนตัว >


เว้นวรรคเวลาใส่ข้อความหรือรูปในบรรทัดเดียวกัน



ใส่กล่อง scroll barที่หน้าบล็อก
เปลี่ยนสีและขนาดของกล่องได้

<DIV align=left style=' color: โค้ดสี; background-color: โค้ดสี; border:

solid 2px black; width: 200px; height: 100px; overflow: scroll; '>
ใส่รูปและข้อความที่นี่ </DIV>


เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ
(ใส่ไว้ที่ช่อง 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>


เปลี่ยนรูปตรง 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>


เปลี่ยนรูปตรง 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>


เปลี่ยนรูปฝากข้อความหลังไมค์
<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images

[i].src="//www.bloggang.com/images/message.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการ

เปลี่ยน
"}</script>


เปลี่ยนรูปถังขยะลบ Comment

<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images

[i].src="//www.bloggang.com/images/delete.gif") {document.images[i].src="URL ของรูปที่ต้องการ

เปลี่ยน
";document.images[i].height="ความสูงของรูป"; document.images[i].width="
color=#CD9B9B>ความยาวของรูป
";}</script>


เปลี่ยนรูปตรงแก้ไข Blog

<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images

[i].src="//www.bloggang.com/images/iconnote.gif") {document.images[i].src="URL ของรูปที่ต้องการ

เปลี่ยน
";document.images[i].height="ความสูงของรูป"; document.images[i].width="
color=#20B2AA>ความยาวของรูป
";}</script>


ทำให้รูปไม่มีกรอบสีฟ้า

<style>img {border: none;}</style>


ข้อความต้อนรับ

<Script Language= "VBScript">alert("ใส่ข้อความตรงนี้")</Script>


ข้อความบอกลา

<Script Language="VBScript">
Sub Window_onUnLoad()
alert("ใส่ข้อความตรงนี้")
End Sub
</Script>


ป้องกันการยืดของหน้าบล็อก เวลาคนอื่นใส่รูปใหญ่เกินไป

<style>div.comment{overflow: auto; width: 400px; height: auto;}</style>

width: 400px ----- เปลี่ยนขนาดได้


ใส่ selection box ให้ friend's blog
การทำ selection จะทำให้รายชื่อของ links กระชับขึ้น
ถ้าต้องการใส่ friend's blog ก็ให้ใส่ http ของ mainblog ของเพื่อนๆเข้าไป

<select onchange="if (this.options[this.selectedIndex].value != 'null') { window(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='//www.bloggang.com/mainblog.php?id=nature-delight'>ป้าติ๋ว

</option>
<option value='//www.bloggang.com/mainblog.php?id=dada'>ย่าดา</option>
<option value='//www................'>name</option>
<option value='//www.................'>name</option></select>







Create Date : 06 พฤศจิกายน 2550
Last Update : 9 มกราคม 2557 17:47:41 น. 2 comments
Counter : 1159 Pageviews.

 
loveoil


โดย: onoto IP: 192.168.4.115, 202.143.145.206 วันที่: 29 มิถุนายน 2554 เวลา:13:48:00 น.  

 
ขอบคุณค่ะป้ากล้วย


โดย: oranuch_sri วันที่: 22 มกราคม 2561 เวลา:16:54:14 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

BlogGang Popular Award#14


 
Kluaytub
Location :
กรุงเทพฯ Thailand

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

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 29 คน [?]







4 สิ่งในโลกที่เงินซื้อไม่ได้
ความรัก
เวลา
ชีวิต
มิตรแท้

วันเวลาในโลกนี้
มีอยู่แค่ 3 วัน
เมื่อวาน :
ซึ่งเราได้ใช้มันแล้ว
และไม่มีวันหวนกลับมา
วันนี้ :
เรากำลังใช้มันอยู่
และใช้ได้แค่ครั้งเดียว
พรุ่งนี้ :
ยังไม่รู้เลยว่า
จะได้ใช้หรือเปล่า?

เวลาใครทำอะไรไม่ดีกับคุณ
อย่าลืม
ขอบคุณเขา
ที่ช่วยเสียสละตัวเอง
ทำให้คุณ
รีบเดินออกไป พบสิ่งที่ดีกว่า

คนเราเปลี่ยน.....
ด้วยเหตุผลสองประการ
เปลี่ยนเพราะได้เรียนรู้มามากแล้ว
เปลี่ยนเพราะเคยเจ็บปวดมามากแล้ว


ชีวิต
ก็เหมือนการขี่จักรยาน
คุณต้องปั่นไปข้างหน้าเท่านั้น
ถึงจะประคองตัวเอาไว้ได้

ความซื่อสัตย์สุจริต
เป็นของขวัญล้ำค่า
อย่าไปคาดหวัง
ว่าจะได้มาจากคนไร้ค่า

คุณสามารถปิดตา
เวลาที่เจอสิ่งที่ไม่อยากเห็น
แต่คุณไม่สามารถปิดใจ
ในเวลาที่ไม่อยากรู้สึก

ถ้าตอนนี้ "หดหู่"
แสดงว่าอยู่กับอดึต
ถ้าตอนนี้ "กังวล"
แสดงว่าอยู่กับอนาคต
ความสุขคือ...
การอยู่กับปัจจุบัน
และทำมันให้ดีที่สุด

การรู้จักชื่นชมสิ่งต่างๆที่มีอยู่
จะทำให้เราตระหนักว่า
ทุกวันนี้...
เรามีความสุขมากมายอยู่แล้ว



#855FA8#8B7D7B
#8B658B#5D478B
#9AC0CD#CD9B9B#CDAA7D

คนที่กำลังดูบล็อก
Friends' blogs
[Add Kluaytub's blog to your web]
Links
 

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