คราวนี้ตามใจผู้หญิงนะคะ เป็นบล็อกสวยๆบล็อกผู้หญิงทั้งนั้นเลย  

 ถูกใจแบบไหนนำไปใช้ได้เลยค่ะ  

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

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

   จะได้บล็อกดังตัวอย่างในแต่ละแบบข้างล่างนี้    

 

                         

  

 

 

แบบที่ 48

div#subtitle { background:#D02090;} div#ribbon{background:#FFB6C1;}

div#page-wrapper {background-image: none;}

 div#page {border:medium double #DB7093;background:#FFFAF0;}

body{background-image:url(http://gotoknow.org/file/siriporn5633/1188756783.gif);}

div#title{font-size: big; color:#A52A2A;background:#FFFAF0;  background-image:url(http://gotoknow.org/file/siriporn5633/1.jpg); background-repeat:no-repeat;background-position:center;   height:170px;}

                               


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

 

 

 

 

แบบที่ 49

div#subtitle { background:#FFB6C1;}

div#ribbon{background:#D02090;}

div#page-wrapper {background-image: none;}

 div#page { border:medium double #DB7093;background:#FFFAF0;}

body{background-image:url(http://gotoknow.org/file/siriporn5633/pon-bg11.gif);}

div#title{ font-size: big; color:#D02090;background:#FFF0F5;  background-image:url(http://gotoknow.org/file/siriporn5633/pinklove.gif); background-repeat:no-repeat;background-position:bottom;   height:240px;}

                           

 จะได้บล็อกสาวน้อยกับหัวใจลอยได้   ตามรูป      sample blog 49         

     

 

แบบที่ 50

div#subtitle {background:#D02090;}

div#ribbon{background:#FFB6C1;}

div#page-wrapper {background-image: none;}

div#page {border:medium double #DB7093;background-image:url(http://gotoknow.org/file/siriporn5633/sakura-5.jpg);}

body{background-image:url(http://gotoknow.org/file/siriporn5633/sakura-4.jpg);}

 div#title{font-size: big; color:#FFB6C1; background:#FFE4E1; background-image:url(http://gotoknow.org/file/siriporn5633/17.jpg); background-repeat:no-repeat;background-position:bottom;   height:200px;}

                                    

 จะได้บล็อกที่มีสีสันลวดลายตาม   sample blog50  

 

 

แบบที่ 51

div#subtitle {background:#4F94CD;}

div#ribbon{background:#36648B;}

div#page-wrapper {background-image: none;}

div#page{background-image:url(http://gotoknow.org/file/siriporn5633/suiren-4.jpg);}

body{background-image:url(http://gotoknow.org/file/siriporn5633/rosekbbgfn1.gif);}

div#title{font-size: big; color:#836FFF; background:#F0FFFF; background-image:url(http://gotoknow.org/file/siriporn5633/58.gif);background-repeat:no-repeat;background-position:bottom;   height:220px;}

                           

 จะได้บล็อกหญิงสาวกับสายฝนที่โปรยลงมา  ตามรูป      sample blog51  

 

 

แบบที่ 52

div#subtitle {background:#FFDEAD;}

div#ribbon{background:#CD661D;}

div#page-wrapper {background-image: none;}

div#page {background:#FFEFD5 ;}

body{background-image:url(http://gotoknow.org/file/siriporn5633/1178727291.jpg);}

div#title{font-size: big; color:#B03060; background:#FFE4C4; background-image:url(http://gotoknow.org/file/siriporn5633/1183270071.gif);background-repeat:no-repeat;background-position:bottom;   height:180px;}div#title span {display:none;} 

                                       

จะได้บล็อกสีส้มๆๆ   ตามรูป      sample blog 52     

 

 

แบบที่ 53

div#subtitle {background:#E9967A;}

div#ribbon{background:#FFA07A;}

div#page-wrapper {background-image: none;}

div#page {background-position:left;   background-image:url(http://gotoknow.org/file/siriporn5633/h40.gif); border: 0px solid #A52A2A;}

 body{background-image:url(http://gotoknow.org/file/siriporn5633/h33-15a.gif);}

 div#title{font-size: big; color:#CC0000; background:#FFF5EE; background-image:url(http://gotoknow.org/file/siriporn5633/631.gif);background-repeat:no-repeat;background-position:top right;   height:160px;}

                                  

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

 

 

แบบที่ 54

div#subtitle {background:#8DB6CD;}

div#ribbon{background:#6CA6CD;}

div#page-wrapper {background-image: none;}

div#page {background:#F0FFFF;}

body{background-image:url(http://gotoknow.org/file/siriporn5633/race10g.gif  );}

 div#title{font-size: big; color:#00008B;background:#F8F8FF;  background-image:url(http://gotoknow.org/file/siriporn5633/cut001.jpg ); background-repeat:no-repeat;background-position:top right;background-repeat:no-repeat;height:200px;}

                                  

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