<p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p>            แต่งบล็อกแนวๆ  รักธรรมชาติ  ต้นไม้ใบหญ้า  สายฝน   มีบล็อกสำเร็จรูปสวยๆ หลายแบบ     เลือกไปใช้แต่งบล็อกได้เลยค่ะ   <p> </p>     สำหรับผู้ที่เพิ่งเริ่มแต่งบล็อก  ดูขั้นตอนได้ที่   แต่งบล็อกสำเร็จรูป     <p style="margin: 0cm 0cm 0pt" class="MsoNormal">                                                                 </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>      ให้ copy code ของ css ตามข้างล่าง    นำไปวางในกรอบสี่เหลี่ยมของ CSS    จะได้บล็อกที่มีสีสันดังตัวอย่างในแต่ละแบบข้างล่างนี้</p>  <p></p>         <p> </p><p> </p><p> </p><p>   แบบที่ 80   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:# F0FFF0;background-image:url(http://gotoknow.org/file/siriporn5633/fl421.jpg);border: 0px solid #ffffff;} body{background:#CCFF99;background-image:url(http://gotoknow.org/file/siriporn5633/fl42.jpg); background-repeat: repeat;} div#title{padding: 18px 4px 35px;  font-size: big; color:#3CB371;background:#F0FFF0;  background-image:url(http://gotoknow.org/file/siriporn5633/tea2.jpg); background-repeat:no-repeat;background-position:center;   height:140px;}</p><p align="right"> จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 80 </p><p align="center">รูป sample blog 80</p><p align="center">        </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p>  แบบที่ 81   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal">div#subtitle { font-size: medium; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(“http://gotoknow.org/file/siriporn5633/f-bg-hotaru-311.jpg”); border: 0px solid #ffffff;}body{background:#CCFFFF;background-image:url(“http://gotoknow.org/file/siriporn5633/f-bg-hotaru-311.jpg”);background-position:left;background-repeat:repeat;}
div#title{padding: 18px 4px 35px;
 font-size:big;color:#E0FFFF;background:#8FBC8F;  background-image:url(“http://gotoknow.org/file/siriporn5633/book2.jpg”); background-repeat:no-repeat;background-position:right;   height:140px;} </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p align="right">จะได้บล็อกที่มีสีสันลวดลายตามรูป sample blog 81  </p><p align="center"> รูป sample blog 81</p><p align="center">   </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center">      </p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p align="center"></p><p> แบบที่ 82  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p>div#subtitle { font-size: big; color:#CCFFFF;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/katakuri-w41.jpg); border: 0px solid #ffffff;} body{ background:#FFF5EE;background-image:url(http://gotoknow.org/file/siriporn5633/profile.gif);background-repeat: repeat;} div#title{padding: 18px 4px 35px;   <p style="margin: 0cm 0cm 0pt" class="MsoNormal"> font-size: big; color:#CC9966; background:#E6E6FA; background-image:url(http://gotoknow.org/file/siriporn5633/709035466334472861.gif); background-repeat:no-repeat;background-position:center;   height:140px;}</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal">   จะได้บล็อกสายฝนโปรยที่พื้นหลัง ดูรูปsample blog 82</p><p align="center"> รูป sample blog 82 </p><p align="center">         </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p align="center"> </p><p> แบบที่ 83   </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p>div#title{padding: 18px 4px 35px;  font-size: big; color:#006400; background:#8FBC8F; background-image:url(http://gotoknow.org/file/siriporn5633/3_070430ggum_c_o.gif);background-repeat:no-repeat;background-position:bottom;   height:100px;} div#subtitle { font-size: big; color:#F0FFFF;} div#container {width: 840px; background:#fffff;} div#content2 {background:#E0FFFF; background-image:url(); border: 0px solid #ffffff;} body{ background:#F0FFF0; background-image:url(http://gotoknow.org/file/siriporn5633/165.gif);  background-repeat: repeat;}</p><p></p><p align="right">จะได้บล็อกสายฝนโปรยที่พื้นหลัง  ตามรูป sample blog 83 </p><p align="center">รูป sample blog 83</p><p align="center">    </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"> </p> แบบที่  84   <p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p></p><p>div#title{padding: 18px 4px 35px;  font-size: big; color:#006400; background:#3CB371; background-image:url(http://gotoknow.org/file/siriporn5633/diary1.jpg);background-repeat:no-repeat;background-position:center;   height:160px;}div#subtitle { font-size: big; color:#FFFF00;}div#container {width: 840px; background:#fffff;}div#content2 {background:#ffffff; background-image:url(http://gotoknow.org/file/siriporn5633/11849661161.gif); border: 0px solid #ffffff;} body{ background:#CCFF99; background-image:url(http://gotoknow.org/file/siriporn5633/47_35721_818bdbd9b8714c8.gif);background-repeat: repeat;}</p><p align="right">จะได้บล็อกสายฝนโปรยที่พื้นหลัง   ตามรูป sample blog 84  </p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center">รูป sample blog 84</p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal" align="center"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p style="margin: 0cm 0cm 0pt" class="MsoNormal"></p><p></p><p>  </p><p></p>