แต่งบล็อกแบบ ผู้หญิงๆ..


       

 

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

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

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

       ให้ 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       

 

 

 

                         

 

 

 
หมายเลขบันทึก: 148786เขียนเมื่อ 24 พฤศจิกายน 2007 03:44 น. ()แก้ไขเมื่อ 6 กันยายน 2013 18:34 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (14)

สวย ๆ ทั้งนั้นเลย   คงต้องขอยืมไปใช้อีกตามเคยนะคะ   ขอบคุณมาก ๆ ค่ะ

 สวัสดีค่ะ

แต่ละรูปแบบสวยมากค่ะ

ขออนุญาตนำไปใช้บ้างนะคะ ขอบคุณค่ะ

สวัสดีคะ

  • theme ของอาจารย์ สวยมากเลยคะ  ขออนุญาตนำไปใช้แต่งบล็อกด้วยคนนะคะ  ทำเองไปเป็นจริง ๆ

  • อยากขอความรู้จากอาจารย์อีกนิด คือการนำรูปเข้าบล็อกมีวิธีการอย่างไรบ้างคะ  ขอบคุณคะ

 

    ขอบคุณทุกท่านที่เข้ามาอ่าน   นำมาแบ่งปันกัน  ชอบแบบไหนนำไปใช้ได้เลยค่ะไม่ต้องขออนุญาต

   คุณkasorn petnoon  ถามเรื่องการใส่รูปภาพ   ไปดูที่  การใส่รูปในบันทึก   ได้เลยค่ะ  

มีแต่รูปสวยๆขอไปใช้หน่อยนะคะ

สวยๆทั้งนั้นเลยค่ะอาจารย์  ขอไปใช้ด้วยคนค่ะ  ขอบพระคุณค่ะ

สวัสดี ค่ะ

 ติดตาม อาจารย์มานาน ค่ะ..สวย ทุกแบบ เลยค่ะ..ถูกใจคนทำไม่เป็น...แต่อยากใช้  ขออนุญาตนำไปใช้

สวยๆ ทั้งนั้นเลยค่ะ ขอรบกวนด้วยคนนะคะ

  • ไม่ได้มาตอบซะนานเลยค่ะคุณ อิงฟ้า และคุณมะขามป้อม
  • สวัสดีค่ะ อ.นัฐพร ขอบคุณมากค่ะที่ติดตามอ่าน  สำหรับวิธีการตกแต่งบล็อกนอกจากเปลี่ยนรูปภาพพื้นหลัง (background)และหัวบล็อกตามแบบข้างบนนี้แล้ว   ยังสามารถเปลียน Theme ของบล็อกได้ที่  เลือกชุดตกแต่ง     ซึ่งอยู่ข้างๆ  แก้ไข CSS ที่ตกแต่งมาเอง  ปกติ K2N จะตั้งไว้ให้ที่ blue อาจารย์ลองเปลี่ยนดูก็ได้ค่ะ
  • เห็นชื่อแล้ว ณ เส้นขอบฟ้า ทำให้นึกถึงว่าคิดไปให้ไกลๆหรือไม่ก็คงอยู่ใกล้ๆฟ้ารึเปล่านะ!! 
  • คุณ ณ เส้นขอบฟ้า นำไปปรับเปลี่ยนได้ตามชอบเลยค่ะAr57

สวัสดีค่ะ...อาจารย์

  • อาจารย์แต่งได้สวยมากๆๆๆค่ะ
  • ดีใจมากเลยค่ะที่ได้เข้ามาอ่าน
  • และได้ฝึกดูแล้วค่ะสวยมากจริงๆ
  • แล้วพื้นหลังเนื้อหาในบล็อกที่เราเขียนละค่ะสามารถเปลี่ยนสีหรือลวดลายได้ไหมค่ะ
  • ทำอย่างไรค่ะ

 

ขอบคุณที่แวะเข้ามาอ่านนะคะ คุณ แว่นน้อย

ขอบคุณค่ะ อแบมานำไปใช้ด้วยคนค่ะ

แอบเอาไปแต่งบล็อกแล้วนะคะ ขอบคุณมาก ๆ ค่า...*-*

อนุญาตให้แสดงความเห็นได้เฉพาะสมาชิก
พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท