<*table bordercolorlight="#ffffff" bordercolordark= " #e7e0c9 " align="center" background="none" border= "1" cellpadding="0"
cellspacing="0" width="65%"> <*tbody><*tr><*td>

รูปบล็อคนอก
<*table style="border-collapse: collapse; " bordercolorlight="#ffffff" bordercolordark="#e7e0c9" align="center" background="รูปบล็อคนอก "
border="0" cellpadding="0" cellspacing="0" width="100%"><*tbody><*tr><*td><*table style="background: ;";cellpadding="0"
cellspacing="0" align="center"><*tr><*td><*table style= "background: ;";cellpadding= "0" cellspacing="0"
align="center"><*tr><*td><*center>

หัวบล๊อก
<*table border="0" width= "100%" cellspacing="0" cellpadding= "0"
align="center">
<*tr>
<*td width="400" height="300"
<*img border="0" src= "//fwmail.teenee.com/cute/img3/m199140.gif" <*/tr><*/table>

background.
<*style>body{background-attachment: fixed;background-image:url (//s110.photobucket.com/albums/n109/mrslin/background/lace/bbla12-5.jpg);} <*/style>

ลบขอบขาว.
<*style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;} <*/style>

ทำลิงค์ยุบเพื่อเปลี่ยนสี.
<*style>A:hover{color: #FFDAB9 ;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color: #FFEFD5 ;text-decoration:none;}A:visited {color: #FFF5EE ;text-decoration:none;<*/style>

โค้ดลิงค์ยุบใส.
<*style>
li a {
display: block;
padding: 5px 5px 5px 5px;
border: 1px outset #FFDAB9;
background: #000000;
text-decoration: none;
width: 180px;}
li a:hover {
display: block;
border: 1px inset #FFDAB9;
background:#000000;
text-decoration: none;
width: 180px;}
<*/style>

ดูเพิ่มเติมได้ที่ : //www.bloggang.com/mainblog.php?id=bogbog&month=19-07-2011&group=8&gblog=7

กรอบข้อความสองขั้นสีทอง
<*style>
textarea{
width: 300;
height: 200;
background: url(URL ของรูปที่ต้องการ);
color: pink;
font-family: MS Sans Serif;
font-size: 15pt;
border: double 5px pink;}
input{
background: black;
color: pink;
border: double 2px pink;}
<*/style>



นับจำนวนผู้เข้าชม
<*center><*script
src= "//fastwebcounter.com/secure.php?s=
//juychuong.bloggang.com "><&*/script><*/center>


นาฬิกา.
<*center><*embed src= //img185.imageshack.us/img185/1356/clock0509.swf width=160 height=160 type= application/x-shockwave-flash wmode="transparent" >

<*img src="//t0.gstatic.com/images?q= tbn:ANd9GcRNUelwLVGZfeXvtlXMeUptQZxRO-zym0FoDnW7FcLDx9MGD5Cm" border="0" width="200"height="250" />

เปลี่ยนสีfont.
<*style type="text/css"> <*!--body {color:#e7e0c9; background-color:transparent;}a:link {color: #00CD00;}a:visited {color:#FF34B3
;}a:active {color:#FF0000 ;}--><*/style>

เปลี่ยนจุด
<*style>ul{list-style-image: url (//i189.photobucket.com/albums/z51/keerinoy/123/pon/antz/icon10.gif);}<*/style>

comment.
<*style type=text/css>textarea {width:400;height:300;background:url (//i209.photobucket.com/albums/bb319/thaispicy/comment%20box/019.jpg);color= Magenta; font-family : tahoma; font-size:16pt;border= 3px solid #998066;}<*/style>

โค้ดใส่สีพื้นหลัง กรอบให้ Group Blog, All Blogs, Friends' blogs, และ Links

เครดิตบล็อกคุณ Paradijs

<*style>
li a {
display: block;
padding: 5px 5px 5px 5px;
border: 1px ใส่ชนิดของกรอบ ใส่โค้ดสีกรอบ;
background-image:url(ใส่ URLรูป);
text-decoration: none;
width: 180px;}
<*/style>

<*style>
li a:hover {
display: block;
padding: 5px 5px 5px 5px;
border: 1px ใส่ชนิดของกรอบ ใส่โค้ดสีกรอบ;
background-image:url(ใส่ URLรูป);
text-decoration: none;
width: 180px;}
<*/style>

<*style>
fieldset{
border: 3px ใส่ชนิดของกรอบ;
padding: 5px 5px 5px 5px;
border-color : ใส่โค้ดสีกรอบ;}
<*/style>

---------------------------------------------------------------

li a = ตกแต่งกรอบของ
Group Blog, All Blogs, Friends' blogs, และ Links

li a:hover = ตกแต่งกรอบเวลาใช้เม้าส์ชี้ไปที่
Group Blog, All Blogs, Friends' blogs, และ Links

fieldset = กรอบของ Emotions
เมื่อใช้โค้ดนี้แล้ว จะมีผลกับ fieldset กรอบมน ที่ใช้ภายในบล็อคค่ะ

---------------------------------------------------------------

padding: 5px 5px 5px 5px = ระยะห่างของตัวอักษรจากกรอบ

width: 180px = ความยาวของกรอบ เปลี่ยนตัวเลขได้ค่ะ

border: 1px = เปลี่ยนขนาดของกรอบได้ค่ะ

ชนิดของกรอบจะมี
inset, outset, double, dotted, dashed, groove, ridge, solid

---------------------------------------------------------------


ตัวอย่างโค้ดที่ใช้ในบล็อกนี้ ไม่ได้ใช้โค้ดที่ส่วน Emotion ใช้สีเป็นพื้นหลัง


<*style>
li a {
display: block;
padding: 5px 5px 5px 5px;
border: 1px outset #FFFFFF;
background: #DCDCDC;
text-decoration: none;
width: 180px;}
li a:hover {
display: block;
border: 1px inset #FFFFFF;
background: #DCDCDC;
text-decoration: none;
width: 180px;}
<*/style>

อย่าลืมลบ "*" ออกทุกอันนะครับ

ดูเพิ่มเติมกดรูปด้านล้างนี้ครับ..