itshee

หลังจากเปลี่ยนธีมใหม่ได้ซักพัก ลองกดรีเฟรชดูนะครับ (ctrl+shift+R [สำหรับ ไฟร์ฟอกซ์, ซาฟารี] หรือ ctrl+F5 สำหรับไออี) จะเห็นพื้นหลังเป็นลายต้นไม้ สาเหตุหลักที่เปลี่ยนธีมคือ อยากให้หน้าจอแสดงผลขยายขึ้น ให้ตัวอักษรใหญ่ขึ้นง่ายต่อการอ่าน และอยากได้ลิงก์เป็นไอคอนสองแถว และในที่สุดก็ได้มาเป็นธีมนี้

ธีมนี้ปรับแต่งโดยใช้โครงสร้างของธีม Apollo เป็นฐานและปรับแก้ CSS ใหม่หมด ถ้าใครสนใจอยากนำธีมนี้ไปใช้ และเปลี่ยนพื้นหลังเป็นลายของตัวเองก็ทำได้ไม่ยาก เพราะธีมนี้ใช้ภาพ JPG ขนาดใหญ่ภาพเดียว ส่วนด้านความกว้างนั้น ธีมนี้รับรองความกว้าง 1024 ขึ้นไป (จากสถิติคนเข้าเว็บผม สรุปว่า 97% ใช้จอกว้างอย่างน้อย 1024 พิกเซล) โดย CSS หลักของบล็อกนี้จะอยู่ที่ http://itshee.exteen.com/style.css (เผื่อใครอยากลองเอาไปเล่น) โดยธีมที่ใช้นี้ปรับหน้าตาวิจิท (widgets) ตามภาพด้านล่าง (กดที่ภาพเพื่อดูขนาดใหญ่)

ส่วนประกอบทั้งหมดในบล็อกนี้ได้แก่

• พื้นหลังก็มาจาก bg_page.jpg ซึ่งเป็นภาพเดียวทั้งผืนเลย สามารถนำไปแก้ได้ในโฟโต้ชอป หรือโปรแกรมแต่งรูปทั่วไป ภาพต้นไม้และและทะเลสาบก็ถ่ายมาจากแถวบ้าน ถ่ายไว้วันก่อนและมาทำสีในโฟโต้ชอป ส่วนแท็บที่มีสีสัน ก็ตัดแปะมาจากภาพสีน้ำของ แอนดี วอร์ฮอล (Andy Warhol) ศิลปินระดับโลกชาวอเมริกันคนนึง ถ้าใครเป็นแฟนคงจำลายเส้นได้ ถ้าใครต้องการเอาธีมนี้ไปเล่นแล้วเปลี่ยนพื้นหลังให้แทนที่ข้อความ background-image: url('http://itshee.exteen.com/images/theme/bg_page.jpg'); แล้วเปลี่ยนลิงก์ไปที่ภาพของคุณ
• Pages อันนี้ทำพื้นหลังเป็นช่องแท็บสามอัน ถ้าใครมี pages มากกว่าสามอัน ก็ปรับแก้แบ็กกราวด์ด้านบนได้ ตามความชอบ
• Custom Code 1 อันนี้ใส่กล่องค้นหา custom search ของกูเกิล ถ้าสนใจอ่านได้ที่ วิธีติดตั้งกล่องค้นหา เขียนไว้คราวก่อน
• Categories ลงมาตรงเมนูด้านขวา ก็เป็นกระดาษโพสต์-อิต อันนี้ภาพหามาจากในเน็ต (แอบละเมิดลิขสิทธิ์มา) แล้วก็ภาพลูกแม็กก็กูเกิลมาเหมือนกัน มาวางซ้อนแปะพอดี ส่วนภาพลูกศรก็เอามาจาก วิกิมีเดียคอมมอนส์ มีภาพเสรีแจกเยอะมาก ส่วนหัวตรงคำว่า thingies ก็มีความหมายเหมือนกับ thing แต่ใช้เรียกอะไรที่เป็น ไอ้นั้น ไอ้นู้น ไอ้นี่
• Custom Code 2 อันใส่ใส่ตัวฟีดเบิร์นเนอร์ โดยมีสัญลักษณ์ชิกเคล็ต สีส้มเป็นสัญลักษณ์ของฟีด ใส่ไว้เพื่อให้คนอื่นตามอ่านบล็อกเราได้ง่าย (ถ้าสนใจเรื่องฟีดอ่านเพิ่มได้ที่ feed reader คืออะไร ทำไมคนเขาถึงนิยมใช้กัน)
• Links อันนี้ก็ลิงก์ธรรมดาครับใน exteen แต่ใส่ลิงก์ไว้กับภาพ ตรงช่อง description ก็ใส่เป็นลิงก์ภาพแทน โดยในบล็อกนี้เซ็ตความกว้างแต่ละภาพเท่ากันคือ 125 x 125 พิกเซล พอจัดแล้วก็เลยเป็นสองแถวอย่างที่เห็น โดยแต่ละลิงก์ก็มี
  • ไฟร์ฟอกซ์ 2 ให้โหลด และ ไฟร์ฟอกซ์ 3 ดาวน์โหลดเดย์  ซึ่งอันนี้จะเป็นการนัดหมายวันที่จะให้ดาวน์โหลดไฟร์ฟอกซ์ 3 โดยนัดกันว่าจะให้ทุกคนโหลดพร้อมกันวันเดียวกัน ทำลายสถิติคนดาวน์โหลดเยอะที่สุดในโลก แต่วันที่ดาวน์โหลดนั้นยังไม่ระบุมา แต่คาดว่าเดือน มิ.ย. นี่ละ
  • วิกิพีเดียไทย กับ วิกิไทยฟอรั่ม อันนี้เป็นวิกิพีเดียภาษาไทย ช่วยกันโปรโมตอยากให้คนไทยเขียนวิกิพีเดียกันเยอะๆ
  • ฟล็อคก์ อันนี้เว็บเบราว์เซอร์เหมือนกัน แต่มีลูกเล่นเยอะกว่า โดยตัวนี้พัฒนาต่อมาจากไฟร์ฟอกซ์ สำหรับคนที่ชอบเล่นพวกเว็บ 2.0
  • ฟ0นต์ อันนี้เว็บฟ0นต์ หลายคนคงรู้จักดี เว็บนี้มีฟอนต์ดีๆ ให้ดาวน์โหลดตรึม
  • Ames Dining อันนี้เป็นเว็บรวมร้านอาหารแถวนี้
  • Creative Commons อันนี้ประกาศว่าบล็อกนี้ก๊อปได้ตามสะดวก ใครอยากก๊อปก็เสรี แต่มีข้อแม้ว่า ต้องอ้างโดยให้ทำลิงก์กลับมาด้วย (ถ้าสนใจเรื่องนี้ อ่านเพิ่มได้ที่ Creative Commons ไม่ได้มากู้โลก)
• Recommend กับ Previous ถัดมา อันนี้ก็ลิงก์ไปเรื่องที่เราแนะนำให้คนอื่นอ่าน กับเรื่องที่เพิ่งโพสต์ไม่นาน
• Custom Code 3 อันนี้ใส่โฆษณาของกูเกิล (บางทีก็ไม่ขึ้น) กับ ทวิตเตอร์ (Twitter) มาจาก http://twitter.com/manop เอาไว้บอกสถานะของเรา (เหมือน status ใน MSN หรือ hi5) ถัดลงมาด้านล่างเป็น กูเกิลรีดเดอร์แชร์ เอาไว้แบ่งปันบล็อกที่น่าสนใจให้คนอื่นอ่าน (อ่านเพิ่มได้ที่ กูเกิลรีดเดอร์ - นับข้อดีได้ 5 ข้อ) ถัดลงมาอีกก็โฆษณาอีกตัวนึง อันนี้โฆษณาสินค้า ArchiCAD โปรแกรมเขียนแบบ (โดยก่อนหน้านี้ใส่โฆษณาแบบให้มันเปลี่ยนไปเรื่อย แต่ไปๆ มาๆ มีแต่โฆษณาลดความอ้วน กับหาแฟนต่างชาติ เลยเอาออก ใส่แบบนี้แทน)
• Custom Code 4 อันนี้กะใส่รวมใน Custom Code 3 แล้ว แต่เนื่องจาก Custom Code จำกัดความยาว เลยแยกมาใส่แทน ซึ่งตรงนี้จะมี โค้ดเก็บสถิติคนอ่านสามตัว คือ
  • กูเกิลแอนะลิติกส์ (Google Analytics) อันนี้ดีสุด เก็บหมดเลยว่าคนเข้าบล็อกนี้ เยอะแค่ไหน ใช้เว็บเบราว์เซอร์ตัวไหน หน้าจอขนาดเท่าไร เข้าวันไหนเยอะสุด น้อยสุด เข้าผ่านเว็บไหน เข้าผ่านกูเกิลด้วยคีย์เวิร์ดอะไร มีให้หมด ถ้าจะเล่าเรื่องตัวนี้คงเล่ายาว ลองสมัครและเล่นกันได้ http://www.google.com/analytics/ (มีเมนูภาษาไทยแล้วด้วยแล้วตอนนี้) 
  • มายบล็อกล็อก (MyBlogLog) อันนี้ก็เก็บสถิติ และมีของเล่นด้วยนิดหน่อย ลองเล่นกันได้ที่ http://www.mybloglog.com/ อันนี้ใช้ล็อกอินของยาฮู! ได้เลย
  • ฟีดเบิร์นเนอร์ อันนี้ก็คล้ายที่ว่าไปบนสุด
• ถัดมาด้านล่าง ก็มี คอมเมนต์ล่าสุด - เอนทรีแนะนำ - โพรไฟล์ อันนี้ก็ฟังก์ชันปกติของ exteen แต่มาปรับลูกเล่นให้แสดงผลเป็น 3 แถว พร้อมกับเปลี่ยนสีตอนนำเมาส์ไปวาง ใครสนใจวิธีลองดูได้ที่โค้ด CSS ของบล็อกนี้ที่  http://itshee.exteen.com/style.css แต่จุดนี้มีปัญหาอย่างหนึ่งคือ IE6 จะเปิดดูไม่ได้ ซึ่งจากสถิติ คนที่เข้าดูบล็อกนี้ในอันดับสองคือ คนที่ใช้ IE6 - 30.41%

ภาพทั้งหมดนอกเหนือจากภาพแบ็กกราวด์ในธีมนี้มีดังนี้ครับ
ตรงหมวดหมู่
ตรงขอบกล่องคอมเมนต์
ตรงหมวดหมู่
ตรงปุ่มค้นหา
ภาพหัว




หมดแล้วครับ ใครมีปัญหาหรือข้อสงสัย หรืออยากลองนำไปเล่นบ้าง ก็สอบถามได้ครับ