1. เปลี่ยน Bullet (จุดกลมๆที่อยู่หน้า Group Blog)
<*style>ul{list-style: ;list-style-image: url(URL ของรูป);}<*/style>

2. โค้ดเปลี่ยนรูปตรง 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>

3. โค้ดเปลี่ยนรูปตรง ฝากข้อความหลังไมค์
<*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>

4. เปลี่ยนรูปหัวใจ (Login ท้ายชื่อใน Comment)
<*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="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}<*/script>

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

6. โค้ดเปลี่ยนรูปถังขยะ ( ลบ Comment, ลบ Blog )
<*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="ความยาวของรูป";}<*/script>

7. โค้ดเปลี่ยนรูปกระดาษ ปากกา ( แก้ไข 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="ความยาวของรูป";}<*/script>

8. โค้ดเปลี่ยนรูป เปิดหมวก
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="//www.bloggang.com/images /icon_tip.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}<*/script>

9. โค้ด ที่ทำให้ข้อความหรือรูปภาพ ที่เพื่อนๆคอมเม้นท์ ให้อยู่ตรงกลาง
<*style>div.comment{text-align: center;}<*/style>

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

11. ชี้ลิ้งค์แล้วมีกรอบ
<*STYLE type="text/css">
<*!-- a:hover {border-width : 3px;border-style :
dotted;border-color : #โค๊ดสี; }--<*<*/STYLE>

dotted สีแดงคือเปลี่ยนแบบลายเส้นได้ ดังนี้ค่ะ
♥ none คือ ไม่มีเส้น ♥
♥ dotted คือ จุดๆ ♥
♥ dashed คือ เส้นประ ♥
♥ solid คือ เส้นเดี่ยว ♥
♥ double คือ เส้นคู่ ♥

12. ......ใส่รูปให้กล่อง Comment
<*style>textarea{ width: ความกว้างของรูป; height: ความสูงของรูป; background: url (URL ของรูป); color: โค้ดสีเวลาพิมพ์; font-family : MS Sans Serif; font-size: ขนาดตัวหนังสือpt; }<*/style>
หาข้อมูลเพิ่มเติมจากลิ้งค์รูปข้างบนครับ

1. เอารูปใส่ที่หัวข้อเวปเพจ
<*img border="0" src="URLของรูป"border="0"> ...ชื่อกรุ๊ปบล็อก..

2. โค๊ดกรอบปฏิทิน
โค๊ดกรอบปฏิทิน
<*style>
calendarHeader {
background:white;
}
.calendarToday {
font-weight: bold;
background:white;
}
.calendar {
border:1px solid #000000;
}
<*/style>

หมาย เหตุ เปลี่ยนสีตรง #000000 นะคะ ถ้ายากเปลี่ยนขนาดกรอบดูตรง border:1 ก็เปลี่ยขนาดตามใจชอบได้เลยค่ะถ้าอยากเปลี่ยนรูปแบบของขอบให้ดูตรงsolid (เส้นเดี่ยว)แล้วเปลี่ยนตามใจชอบดังนี้ค่ะ
- none คือ ไม่มีเส้น
- dotted คือ จุดๆ
- dashed คือ เส้นประ
- solid คือ เส้นเดี่ยว
- double คือ เส้นคู่

3. เมื่อคลิกที่ภาพเล็ก ภาพจะใหญ่ขึ้น
<*a href="url ภาพ ขนาดปกติที่เราจะให้คลิกไปดูภาพใหญ่" target="_blank"><*img src="url ภาพที่เราทำให้มีขนาดเล็ก" width="50" height="50"><*/a>

4. เวลาที่ Status Bar
<*script type="text/javascript" src ="//www.mdn.fm/files/86641_8jmlc/time.js"><*/script>

5. คลิ๊ก MOUSE ขวาแล้วไม่มีอะไรขึ้นมาเลย ซึ่งก็คือ โค้ดห้ามคลิกขวานั่นเองค่ะ
<*script type="text/javascript" src ="//www.mdn.fm/files/86634_koegw/mouse.js"><*/script>

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

กดที่ตัวการ์ตูนมีอีกมากครับ..