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

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

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

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

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

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

    ขั้นตอน

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

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

•    http://www.wallcoo.com/

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

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

•   http://bgmaker.ventdaval.com/index.php

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

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

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

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

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

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

• http://www.picnik.com/
• http://www.funphotobox.com/
• http://www.photofunia.com/

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

• http://www.ficml.org/jemimap/style/color/wheel.html

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

• http://gotoknow.org/blog/codecolors/262392

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

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

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

• http://photobucket.com/ 
• http://www.4shared.com/file/19474221/e8ae4813/AlfaAngelCutie.html
• http://www.picturetrail.com/
• http://www.box.net/

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

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 จากไฟล์ภาพของท่านได้เลยค่ะ

ภาพหัวบล็อก

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

ภาพพื้นหลัง

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

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