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

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

       

 

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

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

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

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

 

 

 

                         

 

 

 

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (14)

น้ำผึ้งหลวง
IP: xxx.113.36.14
เขียนเมื่อ 

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

 สวัสดีค่ะ

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

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

เขียนเมื่อ 

สวัสดีคะ

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

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

 

เขียนเมื่อ 

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

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

เขียนเมื่อ 

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

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

สวัสดี ค่ะ

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

เขียนเมื่อ 

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

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

แว่นน้อย
IP: xxx.157.236.214
เขียนเมื่อ 

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

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

 

เขียนเมื่อ 

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

เขียนเมื่อ 

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

เขียนเมื่อ 

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