Group Blog
 
All blogs
 

โค๊ดแต่งบล๊อก..กันคนลืมง่ายอย่าเรา











รวม code แต่งบล็อก









ลบพื้น
หลังและลบกรอบสีขาว

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





เปลี่ยนรูปเรารักในหลวง (Login ท้ายชื่อใน Comment)
<script>iLength
= document.images.length; for(i=0;i<iLength;i++)
if(document.images[i].src=="http://www.bloggang.com/images/smile.gif")
{document.images[i].src="URL ของรูป"}</script>





จำนวนผู้ชม
ออนไลน์

<script type="text/javascript"
src="http://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=="http://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="http://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
="http://www.pantip.com/cafe/krazip/index.php" target=_blank>เช็คข้อความหลังไมค์</a>

หรือ
ใส่รูป

<a
href="http://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=="http://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=="http://www.bloggang.com/images/icon_network_mini1.gif")
{document.images[i].src="ใส่ URL
ของรูปที่ต้องการเปลี่ยน"}</script>





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



code ใส่ background



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

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



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


<style>body{background-attachment:
fixed;background-image:url(http://..........);}</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>






Free TextEditor



Color Codes ป้ามด




 

Create Date : 26 กุมภาพันธ์ 2554    
Last Update : 18 พฤษภาคม 2554 23:21:18 น.
Counter : 859 Pageviews.  

อุทิศแด่เธอ..คนที่ฉันเคยรัก และจะรักตลอดไป












...ฉันไม่มีสิ่งใดที่จะบอกผ่านให้เธอรู้ได้เลยว่า.."ฉันรักเธอ"...


ไม่ว่าเวลาจะผ่านมานานเท่าไร ฉันก็ยังรักเธอเสมอ


เพราะชีวิตมีอะไรมากมาย ทำให้เราต่างคนต่างก็มีชีวิต


แต่เธอก็ยังเป็นคนที่ฉันรักและ..คิดถึงตลอดเวลา


สำหรับเธอ มันอาจไม่มีคุณค่าอะไรให้เธอจะจดจำคนอย่างฉัน


แต่ฉันยังรักเธอ ความรักของเรายังคงเป็นสิ่งที่สวยงามเสมอ


วันนี้เราต่างมีชีวิต ต่างมีคนรักใหม่


แต่เธอจะรู้ไหมว่าเธอเป็นคนรัก...ของฉันเสมอ


นานมากแล้ว 13 ปี ที่เราต่างคนต่างเดิน


ไม่พบหน้า ไม่รู้ข่าวคราว ว่าเธอเป็นอย่างไร


แต่ฉันยังคงจดจำ คนรักที่แสนดีของฉันได้เสมอ


..ขอบคุณ ที่คอยดูแลยามที่ฉันไม่สบาย


..ขอบคุณ มือที่คอยฉุดดึงยามที่ฉันล้ม


..ขอบคุณ สำหรับถ้อยคำ และกำลังใจ ยามที่ฉันท้อแท้


ฉันขอโทษ..ที่เคยทำให้เธอเสียใจบางเรื่องกับสิ่งที่ฉันทำลงไป


และฉันได้ให้อภัยเธอกับทุกๆเรื่อง..ที่เคยทำให้ฉันเสียใจเช่นกัน


เราเกิดมาเพื่อไม่ได้อยู่ด้วยกัน ....


ฉันเชื่อว่า ...ขณะที่ฉันคิดถึงเธออยู่นั้น เธออาจจะคิดถึงบ้างเหมือนกัน....


เราไม่ได้เป็นคนรักกันในวันนี้.... แต่เธอก็เป็นคนที่ฉันเคยรัก


และจะรักตลอดไป...











Free TextEditor











 

Create Date : 15 มิถุนายน 2553    
Last Update : 28 มกราคม 2554 11:22:08 น.
Counter : 335 Pageviews.  

อย่าท้อแท้...กับปัญหา










ฉนัไม่อายกจะเชอื่เลยว่า
ฉนัเข้าใจสงิ่ที่ฉนักำลงัอาน่อู่ยนี้
มนัเปน็ปฎกราากรณ์ของคาวมคดิของม์ษุยน
ผลการศกึาษวจิยัจาก มวหายิทัาลย แบมคิร์จด
ก่าลวว่า





มนัไม่สคำญเลยว่าตวัอรัษกเยีรงถตอ้ก
ูงหรอืไม่ในคำคำหนงึ่

มนัสคำญแค่
ว่า ตวัอษักรแรกและตวัอษกัรตวัสดุทาย้ของคำ

นนั้อู่ยใน
ตนำแห่งที่ถกูตอ้ง ที่เลืหอนนั้มนัจะมวั่ซวั่อ่ายงไร

คณุก็อาน่มนัได้อู่ยดี ไม่มีปหญัา







ที่เปน็อาย่งนี้เราพะคาว
มคดิของมษุน์ยนนั้

ไม่ได้อาน่ต
วัอษกัรทกุตวัซกัหอน่ย

แต่อาน่เป
น็คำเตม็ ๆ คำ

สดุยอดเลยใช่
มยั้ล่ะ...ใช่เลย

แต่ยงัไงฉนัก
็คดิว่าการสกะดมนัสคำญันะ

ถ้าคณุอาน่บ
ควาบมนี้ได้ ชว่ยสง่ตอ่หอน่ยนะ








ฉะนั้น
ความสับสันวุ่นวายไม่ได้เป็นเหตุทำให้เราไปต่อไม่ได้
และเราไม่ควรจะวิตกจริตกับสิ่งต่างๆที่ประดังประดาถ่าโถมเข้ามาในชีวิตจน
เกินเหตุ


จงเผชิญกับมัน
เถิด แล้วคุณจะรู้ว่า


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


ใช่.....คุณ
ยังไหว.....และคุณอ่านมันได้





Free TextEditor




 

Create Date : 14 พฤษภาคม 2553    
Last Update : 28 มกราคม 2554 11:17:21 น.
Counter : 271 Pageviews.  

นึกบ้า...ทำผมฟูๆหยิกๆจ้า...










...คิดแบบบ้าๆลุกขึ้นมาทำผมฟูๆ...





..รูปก่อนทำ..นางแบบอวบไปหน่อย..อิๆ...




..เราเคยดู How to ในห้องนี้แหละ..ลองทำดูก็ดีเหมือนกัน..แบบบางครั้งบางคราว.....




..ตอนเช้าแกะออกมา..ได้ฟูหยิกดังใจค่ะ.......




....น่าเกลียดไปนิดเพิ่งตื่นค่ะ..หน้าตาไม่ได้แต่ง....








 

Create Date : 09 มีนาคม 2553    
Last Update : 10 มีนาคม 2553 1:03:08 น.
Counter : 442 Pageviews.  


My name may
Location :


[Profile ทั้งหมด]

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




Google