เพื่อให้ทุกคนได้แบบตกแต่งบล็อกตามที่ตัวเองชอบ สีที่ชอบ ที่ต้องการค่ะ

     สวัสดีค่ะ  บล็อกนี้ก็ถูกผิดไปชั่วขณะหนึ่ง

เนื่องจากว่าเวปฝากรูปเต็มค่ะ.. ตอนนี้ก็

กลับมาเปิดได้อีกครั้ง พร้อมกับขออภัย

ทุกท่านที่นำโค๊ตไปใช่แล้วรูปไม่ปรากฏ หรือขึ้นเป็นรูปโลโก้เวปฝากรูปค่ะ ..วันนี้ก็เลยมาเปิดบันทึกเบื้อง

หลังการตกแต่งบล็อกค่ะว่า ดิฉันใช่เวป หรือโปรแกรมอะไรให้การตกแต่งตามแบบที่เห็นค่ะ

    จุดประสงค์ เพื่อให้ทุกคนได้แบบตกแต่งบล็อกตามที่ตัวเองชอบ สีที่ชอบ ที่ต้องการค่ะ

    ขั้นตอน

    1. เริ่มต้นจากดิฉันเลือกภาพหัวบล็อกก่อน ...อาจจากภาพถ่ายของท่านหรือ ภาพจากเวปไซด์ที่ไม่มี

ลิขสิทธิ์ เวปที่ดิฉันนำรูปมาใช้เสมอๆ คือเวปนี้ค่ะ

    2. ต่อมาดิฉันก็มาทำภาพพื้นหลัง BG ค่ะ โดยเลือกสีให้สอดคล้องกับภาพหัวบล็อกค่ะ เวปที่ใช้ทำ

ภาพพื้นหลัง ดิฉันอาศัยเวปนี้ค่ะ

     วิธีใช้ก็ คลิกเลือกสี แล้วก็ไปคลิกต่อในช่องสีเหลี่ยมเล็กๆค่ะ ..ภาพตัวอย่างพื้นหลังจะปรากฏให้

เห็น หรือไปดูตัวอย่างที่คนอื่นๆ ทำไว้ได้โดยคลิกที่ Gallery ค่ะ (ลองทำดูนะค่ะ ถ้าไม่ได้อย่างไรฝาก

คำถามเิพิ่มเติมไว้ได้ค่ะ)

    3. โปรแกรมสำหรับตกแต่งภาพหัวบล็อก โดยทั่วไปก็ใช้ 

  • Paint   ทุกท่านน่าจะมีในเครื่อง เดาเอาค่ะ อิอิ
  • PhotoScape ถ้าไม่มีลองไปดาวโหลด ติดตั้งง่ายค่ะ 
  • Picasa 

    4. เวปไซด์ที่ตกแต่งรูป หรือตกแต่งตัวอักษร ใส่โลโก้ต่างๆ ได้จากเวปเหล่านี้ค่ะ

    5. เวปสำหรับสีต่างๆ ที่ใช่ภายในบล็อก สีตัวหนังสือ หรือ สีพื้นหลัง ดิฉันใช้เวปนี้ค่ะ

    ดิฉันได้นำบางส่วนมาบันทึกไว้ในบล็อกด้วยค่ะ ลองดูนะค่ะ เผื่อจะชอบสีเหมือนกัน

    6. เวปฝากรูป ( ท่านสามารถฝากไว้ที่ไฟล์อัลบั้มของโกทูโนล์จะปลอดภัยค่ะ) แต่เนื่องจาก

ดิฉันบางครั้งเวลาน้อยชอบโหลดรูปที่ละหลายๆ รูปจึงเลือกฝากไว้กับเวปไซด์อื่นค่ะ และด้วยเหตุ

ห่วงไฟล์อัลบั้มของโกทูโนล์ไว้ใช้กับตัวอีโมชั่น อิอิ  เวปที่ดิฉันฝากรูปค่ะ

โค๊ตสำหรับธีมนี้ค่ะ


body{background:#BAB6C8; background-image:url(http://i874.photobucket.com/albums/ab304/Thom2008_2009/skin%20gotoknow/bg_96453.png);}

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


div#title{padding: 18px 4px 35px; font-size:0;color:#362D1E; background:#BAB6C8;background-image:url(http://i874.photobucket.com/albums/ab304/Thom2008_2009/skin%20gotoknow/Top.jpg); background-repeat:no-repeat;background-position:top center;height:200px;}

div#container {width: 840px; background: #BAB6C8;}

div#subtitle {background:#BAB6C8;background-image:url(http://i874.photobucket.com/albums/ab304/Thom2008_2009/skin%20gotoknow/top2.jpg); background-repeat:no-repeat;background-position:center;height:28px}

div#ribbon{background: E0D9C7;}

div#page{border: 0px ridge#69573A; background:#BAB6C8;border-bottom:0px ridge#69573A;}

form{border:0px dashed #FB9608; background-image:url(http://lh3.ggpht.com/_DgFf3Xu-LW4/Sk2-z89KG3I/AAAAAAAAFXo/9XtRPpjOL4A/s800/cola-a6rrt_cola71a.gif);
background-position:right top;background-repeat: no-repeat;background-color:none;}

form{border:0px dashed #282821;}

div { cursor:crosshair; }
 
div#page {width: 100%;}
div#content2 {font-size: 12pt;}

div#page {width: 67%;}

div#content2 {font-size: 12pt;}
div#page-wrapper {width: 100%;}
div#page {width: 67%;}
div#content2 {font-size: 12pt;}



body{font-size: 16px;color:#001111}

p{font-size: 16px;color:#001111}


A:link{ text-decoration: none;}
A:visited { text-decoration: none }
A:hover { border: 3px outset#292537;background:#6E658C}


ข้อแนะนำเพิ่มเติม

สำหรับท่านที่นำธีมไปใช้อยากให้ท่านก็อปปี้รูปหัวบล็อก,รูปใต้หัวบล็อก และรูปพื้นหลัง ไปเซฟเก็บ

ในไฟล์รูปของท่านเพื่อป้องกัน เหมือนที่แล้วมาค่ะ เผื่อว่าเวปฝากรูปดิฉันเต็มท่านสามารถนำ URL ของ

ภาพมาใช้ได้ หรือท่านสามารถเปลี่ยนเป็น URL จากไฟล์ภาพของท่านได้เลยค่ะ

ภาพหัวบล็อก


ภาพใต้หัวบล็อก


ภาพพื้นหลัง

ไอคอน ในช่องกล่องคอมเม้นท์

ขอให้ทุกท่านสนุกสนานกับการบันทึกและการตกแต่งบล็อกของท่าน