ゞ¡┽゙s✿゙mΣ‵′~•⌒♡「ãø®゙z™」☂ ¸•°´´•Ƹ̵̡Ӝ̵̨̄Ʒ•´´°•¸「•»⌒ ゙§ø べ ┽┽єã®┽£εŠ§゙ ⌒♡ ツ
Group Blog
 
 
ธันวาคม 2552
 
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
13 ธันวาคม 2552
 
All Blogs
 

โค้ดแต่งบล็อก


ลบพื้นหลังและลบกรอบสีขาว
<style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style>





เปลี่ยนรูปพื้นหลัง
<style>body{background-attachment: fixed;background-image:url(URL ของรูป);}</style>





เปลี่ยนสีและแบบ Font
<style>body, ul, li, p{font:bold MS Sans Serif;font-size:10pt;color:โค้ดสี;}</style>





เปลี่ยนตัวหนังสือให้ใหญ่และ Font
<style>p b font {font:bold 13px MS Sans Serif;}</style>





เปลี่ยนสี Link
<style>A:link{color:โค้ดสี Link;text-decoration:none;}
A:visited{color:โค้ดสีที่คลิกแล้ว;text-decoration:none}
A:hover{color:โค้ดสีที่ลากผ่าน;text-decoration: 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>





ทำให้รูปไม่มีกรอบ
<style>img {border: none;}</style>





เปลี่ยน 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>





จำนวนผู้ชมออนไลน์
<script type="text/javascript" src="//fastonlineusers.com/on4.php?d=URL บล็อคของคุณ"></script> : Users Online





ใส่รูปภาพ
<img src="URL ของรูป" "border=0">





ใส่รูปภาพพร้อมคำพูด
<img src="URL ของรูป" alt="ข้อความที่ต้องการ">





ใส่รูปให้กล่อง 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>ldocument.images[0].src="URL ของรูป"; document.images[0].width =0 ; document.images[0].height =0</script>





ทำ Link
<a href ="URL Link">ข้อความที่ต้องการ</a>





ทำ Link เปิดหน้าใหม่
<a href =URL Link target=_blank>ข้อความที่ต้องการ</a>





ทำรูปให้กับ Link
<a href="URL Link"><img src="URL ของรูป"></a>
ทำรูปให้กับ Link (เปิดหน้าใหม่)

<a href="URL Link" target=_blank><img src="URL ของรูป"></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="URL ของรูป"}</script>

Theme อิสระ - เมนูซ้าย, ขวา เปลี่ยนไม่ได้ค่ะ





ทำกรอบรอบๆบล็อค
<script language="JavaScript1.2">
if (document.all)
document.body.style.cssText="border:10 ridge โค้ดสี"
</script>





ข้อความต้อนรับ
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
alert("ข้อความที่จะทักทาย")
// End -->
</script>





ข้อความบอกลา
<Script Language="VBScript"> Sub Window_onUnLoad() alert("ข้อความที่ต้องการ") End Sub </Script>





เปลี่ยนสีตัวหนังสือ
<font color="โค้ดสี">ข้อความที่ต้องการ</font>





ลูกเล่นเมื่อเปลี่ยน Webpage
<="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">





จำนวนผู้ชมทั้งหมด
<center><script src="//fastwebcounter.com/secure.php?s=ใส่ URL บล็อค ของคุณที่นี่ค่ะ"></script></center>





กรอบนับ 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>





โค้ด กลับขึ้นข้างบนของ Page
<center><a href="#top">TOP</a></center>

ลองกดทดสอบที่นี่ค่ะ






ส่งหลังไมค์
<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 = เปลี่ยนเป็นคำที่ต้องการแทน 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 FriendFlock
<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>





โค้ดเปลี่ยนรูปตรง ฝากข้อความหลังไมค์
<script>iLength = document.images.length



โค้ดแต่งบล็อก โค้ดใส่ background


เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู

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


โค๊ด bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar


<style>body{background-attachment: fixed;background-image:url(//..........);}</style>




โค๊ด bg ด้านซ้ายของบล็อก

<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:left ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>




โค๊ด bg ด้านขวาของบล็อก

<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:right ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>




โค๊ด bg line หัวบล็อก

<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "……ใส่สีพื้นหลัง……";}</style>




โค๊ด bg line ใต้บล็อก

<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ; background-position:bottom ;background-repeat : repeat-x;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>




โค๊ด 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>




โค๊ด bg โดยใช้สี

<style>body{background:color code}></style>



 


โค๊ด bg โดยไล่เฉดสี (gradient)

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">

gradienttype 0 ไล่สีตามแนวนอน
gradienttype 1 ไล่สีตามแนวตั้ง





โค๊ด bg แบบ tile

<style>body{background-image:url(URLของภาพ);}</style>

 


โค้ดใส่กรอบและรูปภาพให้กล่องคอมเม้นท์


เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู
นำโค๊ดไปจัดที่โปรแกรม notepad ก่อนนำไปใส่ที่ script area นะค่ะ



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


 


โค๊ดใส่ของน่ารักๆ ลอยในบล็อก


ถ้าชอบรูปไหนก็นำ url ของรูปนั้นไปใส่แทนที่ ตรง .....URL .ของรูป....
นำลูกโป่งไปใส่ก็ได้นะค่ะ
นำโค๊ดไปใส่ที่ script area นะค่ะ





<script language="JavaScript">

<!-- fall Script Kurt Grigg - //www.btinternet.com/~kurt.grigg/javascript



var isNetscape6=false;

if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5)

isNetscape6=true;


/*

This script has been disabled for

Netscape 6 due to ugly scrollbar

activety. Could probably be fixed

with a clipped container div but

can't be bothered.

*/



if (!isNetscape6){

num=1; //Smoothness depends on image file size, the smaller the size the more you can use!

stopafter=240; //seconds!





//Pre-load images!

pics=new Array("
.....URL ของรูป.....");

load=new Array();

for(i=0; i < pics.length; i++){

load[i]=new Image();

load[i].src=pics[i];

}

stopafter*=1000;

timer=null;

y=new Array();

x=new Array();

s=new Array();

s1=new Array();

s2=new Array();

if (document.layers){

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>");

}

}

if (document.all){

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">');

}

document.write('</div></div>');

}

if (!document.all&&!document.layers){

for (i=0; i < num; i++){

randomleaf = pics[Math.floor(Math.random()*pics.length)];

document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>");

}

}

inih=(document.all)?window.document.body.clientHeight:window.innerHeight-100;

iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-100;

for (i=0; i < num; i++){

y[i]=Math.round(Math.random()*inih);

x[i]=Math.round(Math.random()*iniw);

s[i]=Math.random()*5+3;

s1[i]=0;

s2[i]=Math.random()*0.1+0.05;

}

function fall(){

h=(document.all)?window.document.body.clientHeight:window.innerHeight;

w=(document.all)?window.document.body.clientWidth:window.innerWidth;

scy=(document.all)?document.body.scrollTop:window.pageYOffset;

scx=(document.all)?document.body.scrollLeft:window.pageXOffset;

for (i=0; i < num; i++){

sy=s[i]*Math.sin(90*Math.PI/180);

sx=s[i]*Math.cos(s1[i]);

y[i]+=sy;

x[i]+=sx;

if (y[i] > h){

y[i]=-60;

x[i]=Math.round(Math.random()*w);

s[i]=Math.random()*5+3;

}

s1[i]+=s2[i];

if (document.layers){

document.layers["leaf"+i].left=x[i];

document.layers["leaf"+i].top=y[i]+scy;

}

else{

document.getElementById("leaf"+i).style.left=x[i];

document.getElementById("leaf"+i).style.top=y[i]+scy;

}

}

timer=setTimeout('fall()',80);

}

fall();



function dsbl(){

for (i=0; i < num; i++){

if (document.layers)

document.layers["leaf"+i].visibility="hide";

else

document.getElementById("leaf"+i).style.visibility="hidden";

}

clearTimeout(timer);

}

setTimeout('dsbl()',stopafter);

}

//-->

</script>






Free TextEditor




 

Create Date : 13 ธันวาคม 2552
0 comments
Last Update : 13 ธันวาคม 2552 21:47:43 น.
Counter : 212 Pageviews.

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ


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

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

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 1 คน [?]




ゞ¡┽゙s✿゙mΣ‵′
♡「ãø®゙z™」☂
゙§ø べ
┽┽єã®┽£εŠ§゙





Friends' blogs
[Add aroonkamol's blog to your web]
Links
 

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