Code ทำกรอบข้อความเลื่อนเอง

<TABLE height=273 cellSpacing=0 cellPadding=0 width=359 align=center background=//i75.photobucket.com/albums/i309/mini-cat/fdinga/dinga06.gif border=0>
<TBODY>
<TR>
<TD noWrap width=10 height=39>&nbsp;</TD>
<TD width=179 height=39>&nbsp;</TD>
<TD noWrap width=170 height=39>&nbsp;</TD></TR>
<TR>
<TD noWrap width=10 height=215>&nbsp;</TD>
<TD width=179 height=215>
<DIV style="SCROLLBAR-FACE-COLOR: #F4E5D3; SCROLLBAR-HIGHLIGHT-COLOR: #78461C; OVERFLOW: auto; WIDTH: 179px; SCROLLBAR-SHADOW-COLOR: #F4E5D3; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #F4E5D3; SCROLLBAR-ARROW-COLOR: #78461C; SCROLLBAR-DARKSHADOW-COLOR: #78461C; HEIGHT: 215px" align=center><STRONG></STRONG>
<P style="FONT-SIZE: 12px; COLOR: #998a07" align=center>แก้ไขข้อความ</FONT></P>
<P style="FONT-SIZE: 12px; COLOR: #998a07" align=center>Text Here</FONT></P></DIV></TD>
<TD noWrap width=170 height=215>&nbsp;</TD></TR>
<TR>
<TD noWrap width=10 height=19>&nbsp;</TD>
<TD width=179 height=19>&nbsp;</TD>
<TD noWrap width=170 height=19>&nbsp;</TD></TR>
</TBODY>
</TABLE></FONT>

Hight = ความสูง
Widht = ความกว้างนะ


เอาหละ เมื่อได้ตัวเลข พร้อมกับโค้ดแล้วนะ มาดูตรงนี้กัน


สีม่วง คือ ความกว้าง + สูง ของรูป นะคะ
สีน้ำเงิน คือ URL ของรูปที่ฝากไว้
สีเขียว คือ ความกว้าง+สูง ของทั้ง 9 ส่วนที่เราแบ่งไว้
สีฟ้า คือ ความกว้าง+สูง ของ ส่วนที่เราแบ่งไว้ตรงกลาง เพื่อใส่ สกอลล์บาร์
สีส้ม คือ โค้ดสกอล์บาร์ (เปลี่ยนสีกันเองนะจ๊ะ ลองมั่วๆดู ว่าอะไรคืออะไรนะ)
สีแดง คือ ส่วนที่ไว้ใส่ข้อความค่ะ

Code ใส่เพลงฝังลงไปใน Blog แบบมี console

<center><object id="mediaplayer" height="60" width="200" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"standby="Loading Microsoft Windows Media Player components..." viewastext><param name="url"value="http"><param name="autostart" value="false"></object></center>

*เปลี่ยน false เป็น True หากต้องการให้เริ่มเพลงแบบอัตโนมัติ

Code ลบกรอบตาราง

<style>TABLE {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}</style>

thx://rumpuey.bloggang.com/

Code การเปลี่ยนรูปหน้าหัวข้อบล๊อกให้เป็นรูปอื่นๆ

<style>ul{list-style: ;list-style-image: url('http://www.kogumadesign.com/hiromi/material/images/icon/plant/mini/im10.gif');}</style>

thx://webmaster.bloggang.com/

Code การเปลี่ยน Logo Bloggang เป็นรูปอื่นๆ

<script>document.images[0].src = "//i65.photobucket.com/albums/h213/my_jadeite/blog2copy.gif"</script>

thx://webmaster.bloggang.com/

Code ทำให้มีกรอบและตัวเลขตรง 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: #1A669F solid 1px; padding:4"> <legend align=center style="border: #1A669F solid 1px; padding:2"><font color=#1A669F size=-1><img src=//itemimgs.naver.com/personacon/97/37/1103797.gif>คนน่ารักคนที่ ' + i + ' ที่แวะมาตอบ blog<img src=//itemimgs.naver.com/personacon/97/37/1103797.gif></font></legend>'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml }</script>

thx://webmaster.bloggang.com/ (code จาก คุณกึ่งยิงกึ่งผ่าน และ คุณรำเพย)

Code ใส่รูปตรงช่องพิมพ์ Comment

<STYLE type="text/css">textarea{width:450;height:240;background:url("http:ของรูป");color="blue"; font-family : tahoma; font-size:20pt; </STYLE>

thx://webmaster.bloggang.com/