แต่งบล็อกแบบเรียบๆใช้โทนสีฟ้า  คราม  เลือกไปใช้แต่งบล็อกได้เลยค่ะ 

              สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก ดูขั้นตอนได้ที่    แต่งบล็อกสำเร็จรูป                     

  ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ CSS ที่ตกแต่งมาเอง   จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้ 

  แบบที่ 95 

div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#CCFFFF;  background-image:url(http://gotoknow.org/file/siriporn5633/1_070108ggum_c_o.gif); background-repeat:no-repeat;background-position:center;   height:130px;}div#subtitle {font-size: medium; color:#F0F8FF;}div#container {width: 840px; background:#CCE9FD;}div#content2 {background:#E6E6FA;width:740px;border: 0px solid #ffffff;}

body{ background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/0f693224.jpg);background-repeat: repeat

จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 95

blog 95

แบบที่ 96 

div#title{padding: 18px 4px 35px;    font-size: big;color:#6A5ACD;background:#F0F8FF;background-image:url(http://gotoknow.org/file/siriporn5633/1_070822ggum_c_o.gif);background-repeat:no-repeat;background-position:bottom; height:130px;}  div#subtitle {font-size: medium; color:#F0F8FF;}div#container {width: 840px; background:#CCE9FD;}div#content2 {background:#F0F8FF;width:740px;  border: 0px solid #ffffff;} body{background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/003.gif);background-repeat: repeat;} 

จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 96

blog 96

  <div style="text-align: center"></div>

   แบบที่ 97 

</span><p>div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#F0F8FF;  background-image:url(http://gotoknow.org/file/siriporn5633/061107_Lake20house_top.gif); background-repeat:no-repeat;background-position:bottom;   height:120px;}  div#subtitle {font-size:medium; color:#F0F8FF;}div#container {width: 840px; background:#CCE9FD;}div#content2{background:#F0F8FF;width:740px;background-image:url(http://gotoknow.org/file/siriporn5633/27a244bc.gif); border: 0px solid #ffffff;} body{background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/pon-antz29.jpg);background-repeat: repeat;}  </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 97</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 97</p><div style="text-align: center"></div>

</span><p> </p><p> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">blog 98</p> div#title{padding: 18px 4px 35px;    font-size: big; color:#6A5ACD;background:#F0F8FF;  background-image:url(http://gotoknow.org/file/siriporn5633/071005ggum_c_o.gif); background-repeat:no-repeat;background-position:center;   height:130px;}  div#subtitle { font-size: medium; color:#F0F8FF;}div#container {width: 840px; background:#CCE9FD;}div#content2 {background:#CCFFFF;width: 740px; background-image:url(http://gotoknow.org/file/siriporn5633/1084_bg.gif); border: 0px solid #ffffff;} body{background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/Starb.jpg);background-repeat: repeat;}   <p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 98</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 98</p>  <div style="text-align: center"></div>

</span><p></p><p>   </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">blog 99</p>  <p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="left">div#title{padding: 18px 4px 35px;  font-size: big; color:#6A5ACD;background:#F0F8FF;  background-image:url(http://gotoknow.org/file/siriporn5633/607422999742414502.gif);background-repeat:no-repeat;background-position:center; height:150px;} div#subtitle{font-size: medium; color:#F0F8FF;}div#container{width: 840px; background:#CCE9FD;}div#content2{background:#F0F8FF;</p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="left">width:740px;background-image:url(http://gotoknow.org/file/siriporn5633/cd3011c.gif); background-position:right;    border: 0px solid #ffffff;} body{background:#CCFFFF;</p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="left">background-image:url(http://gotoknow.org/file/siriporn5633/Starb.jpg);background-repeat: repeat;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal" align="justify"> </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 99</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 99</p><p align="center"></p><p> </p><p> </p><p align="center">                    </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p> </p><p> </p>