แต่งบล็อกสำเร็จรูปหลายแบบ เลือกไปใช้แต่งบล็อกได้เลยค่ะ 

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

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

  แบบที่ 100 

div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#F5DEB3;border: 0px solid #ffffff;} body{background:#CCFFCC;background-image:url(http://gotoknow.org/file/siriporn5633/lacehana05_8y.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/2006.jpg);background-repeat:no-repeat;background-position:right;   height:100px;} 

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

blog 100

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

                                                                                                                                                                                                                                                                                                                          แบบแบบที่ 101 

</span><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/sakura_12.gif); border: 0px solid #ffffff;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/khanasobgup0.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/1709.gif);background-repeat:no-repeat;background-position:right;   height:100px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 101</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 101</p>   <div style="text-align: center"></div>

  

</span><p></p><p></p><p> แบบที่ 102 </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#fffff;}div#content2 {background:#CCFFFF;background-image:url(http://gotoknow.org/file/siriporn5633/bg08_1.gif); border: 0px solid #ffffff;}body{background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/lsetkp8.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#FFFFE0; background-image:url(http://gotoknow.org/file/siriporn5633/005-2.gif);background-repeat:no-repeat;background-position:right;   height:100px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 102</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 102</p>  <div style="text-align: center"></div>

</span><p></p><p>  แบบที่ 103 </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/sono-02.gif); border: 0px solid #ffffff;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/brown-bg10.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#F5DEB3; background-image:url(http://gotoknow.org/file/siriporn5633/top0l3.gif);background-repeat:no-repeat;background-position:right;   height:130px;}  </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 103</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 103</p>   <div style="text-align: center"></div>

</span><p></p><p></p><p> แบบที่ 104 </p><p>div#subtitle {font-size:big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#FFEBCD;}body{ background:#F5DEB3;background-image:url(http://gotoknow.org/file/siriporn5633/e6090857.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#CC0000; background:#F5DEB3; background-image:url(http://gotoknow.org/file/siriporn5633/0180.gif);background-repeat:no-repeat;background-position:right;   height:90px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 104</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 104</p>   <div style="text-align: center"></div>

</span><p></p><p>    แบบที่ 105  </p><p>div#subtitle { font-size: big; color:#FFFF99;}div#container {width: 840px; background:#F5DEB3;}div#content2 {background:#EED2EE;}body{ background:#EED2EE;background-image:url(http://gotoknow.org/file/siriporn5633/grape5.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;    font-size: big; color:#68228B; background:#EED2EE; background-image:url(http://gotoknow.org/file/siriporn5633/119.gif);background-repeat:no-repeat;background-position:right;   height:120px;}    </p><p style="margin: 0cm 0cm 0pt; text-align: justify" class="MsoNormal">จะได้บล็อกที่มีสีสันลวดลายตามรูป  blog 105</p><p style="margin: 0cm 0cm 0pt; text-align: center" class="MsoNormal" align="center">blog 105</p>  <div style="text-align: center"></div>

                                                                                          

</span><p> </p><p> </p>