แนวคิดในการปรับแต่ Bloggang ให้แต่ละหน้ามีการตกแต่งที่ต่างกัน อย่างที่ทราบกันดีว่า Bloggang สามารถปรับแต่งสิ่งต่างๆ ได้มากมายพอสมควร ไม่ว่าจะเป็นการเพิ่ม Jascript หรือ Cascade Style Sheet ต่างๆ ทำให้แต่ละ blog มีรูปร่างหน้าตาที่สวยงาม และมีลูกเล่นมากมาย แต่เกือบทั้งหมด เมื่อเข้าไปที่หน้าไหนของ blog นั้น จะเห็นว่ามีหน้าตาเหมือนกันทั้ง blog ไม่ค่อยมีที่เนื้อหาแต่ละอย่างจะมีหน้าตาแตกต่างกันออกไป จริงๆ มีการทำง่ายๆ คือในแต่ละหัวข้อนั้น ก็ใส่วิธีการปรับแต่งลงไปในส่วนของเนื้อหานั่นเอง .. เห็นไหมครับ ไม่ยากเลย ง่ายๆ แค่นี้เองเนอะ แต่ ... ถ้าเราใส่สิ่งต่างๆ ลงไปตรงนั้น โดยเฉพาะ Javascript แล้วนั้น สิ่งที่อยู่ถัดมา ซึ่งคือพวก ความเห็นต่างๆ และแถบคอลัมน์ด้านขวา จะไม่สามารถจัดการได้เลย เผลอๆ อาจจะ Error ไปด้วยซ้ำ ทั้งนี้เพราะการทำงานของ Browser เพื่อแสดงผล HTML นั้น จะเป็นลักษณะ Interpreter คือจะเป็นลักษณะอ่าน Code ในลักษณะจาก "บนลงล่าง" แล้วจึงทำงาน ดังนั้น หากสิ่งต่างๆ ที่จะให้ Javascript เข้าใจ อยู่ถัดจากตัวเนื้อความที่เราวาง Script เอาไว้ มัน Error แน่นอนครับ เช่น .. การทำ "ความเห็นที่" อย่างที่ผมเคยอธิบายเอาไว้แล้ว ที่ link นี้ จะไม่สามารถทำได้เลย หากเราเอา Javascript วางไว้ที่เนื้อความของ blog เพราะจะไม่สามารถนับจำนวนได้ และจะมองไม่เห็น object เพื่อนำมาเข้าโปรแกรมได้ ดังนั้น .. Javascript ควรจะอยู่ด้านท้ายๆ ซึ่งนั่นก็คือส่วนของ Profile นั่นเอง!! .. ซึ่งนี่ล่ะครับ คือปัญหา เพราะว่าเมื่อเอาสิ่งต่างๆ มาไว้ที่ Profile นั้น เราจะไม่สามารถ Optimize ให้หน้าตาของเว็บเป็นไปในอย่างที่เราต้องการในแต่ละเนื้อหาได้ เพราะ Profile คือส่วนที่เป็น Global ของหน้า blog หมายถึงว่า "ครอบคลุมทั้งหมด" แล้วเราจะทำยังไงกันดีล่ะ??? มันมีวิธีแก้ไขครับ .. ถ้าใครเคยเขียนโปรแกรมกันมาแล้วล่ะก็ คงคุ้นเคยกับการกำหนดตัวแปรและใส่ค่าให้มันค่าหนึ่ง .. ใส่ทิ้งเอาไว้ก่อน ... แล้วพอถึงการทำงานที่เหมาะสม ก็มาตรวจสอบตัวแปรตัวนั้น ว่าเป็นอะไร แล้วค่อยไปทำงานตามเงื่อนไข เช่น .. ให้เด็กชายหมาร่าฯ ใส่เสื้อสีฟ้า .. เด็กชายหมาร่าก็วิ่งเล่นทั้งวัน จากเชียงใหม่ จนถึงภูเก็ด พอตกเย็น หิว.. ก็เดินเข้าไปที่ร้านไอติมสเวนสัน (กินข้าวไม่ได้ ชิโร่เจ้านายใหญ่ห้าม ต้องกินไอติมเท่านั้น) ทีนี้เถ้าแก่ร้านไอติมบอกว่า - เสื้อแดง กินไอติมวะนิลา - เสื้อฟ้า กินไอติมช๊อกโกแล็ต - เสื้อแสด กินไอติมรสมะนาว - เสื้อขาว กินน้ำเปล่าอย่างเดียว จะเห็นว่าเด็กชายหมาร่าฯ ใส่เสื้อฟ้า ก็เลยต้องกินไอติมรสช๊อกโกแล็ต ... อย่างนี้เป็นต้นครับ เราก็ทำแบบเดียวกัน.. คือ 1. กำหนดตัวแปรไว้ที่ส่วนของเนื้อหา กำหนดเป็น javascript เพื่อระบุ theme ที่ต้องการใช้ เช่น <Script> var myTheme = "my_lovely_event"; </script> อย่างนี้ครับ 2. ส่วนที่อยู่ที่ Profile เราก็กำหนดคร่าวๆ แบบในตัวอย่างนี้ครับ <Script> switch( myTheme ){ case "my_lovely_event" : ไปสั่งทำงานในส่วนที่เป็น theme นั้นๆ ; break; case "god_father" : ไปสั่งทำงานในส่วนที่เป็น theme นั้นๆ ; break; case "sin_city" : ไปสั่งทำงานในส่วนที่เป็น theme นั้นๆ ; break; case "lovely_melbourne" : ไปสั่งทำงานในส่วนที่เป็น theme นั้นๆ ; break; } </script> เป็นต้นครับ เท่านี้เราก็สามารถปรับแต่งหน้าตาของ blog ให้เป็นอย่างที่ต้องการของแต่ละเนื้อหากันแล้วนะครับ โดยที่ในส่วนของการสั่งไปทำงานของในแต่ละ theme นั้น อาจจะเขียนเอาไว้ที่ javascript ข้างนอก ให้ document.write อะไรออกมาก็ได้ หรือแยกเป็น function ต่างๆ ออกไปเลยก็ได้ ทั้งนี้ผมอธิบายเป็นแนวคิดเท่านั้นนะครับ ... ท่านทั้งหลายก็สานต่อกันต่อนะครับ เพราะถ้าเพื่อนๆ เอาที่ผมเขียนไปอ่าน แล้วนั่งคิดตาม แล้วนั่งศึกษาว่าแต่ละอย่างมันทำอย่างไร จะได้ประโยชน์กับตัวท่านเองมากกว่า มากกว่าที่ผมจะบอกทุกอย่าง แล้วให้หยิบไปใช้ได้เลย เพราะเมื่อถึงเวลาหนึ่ง ท่านอาจจะพัฒนาสิ่งต่างๆ ได้เอง เพราะได้ฝึกคิด ฝึกปรือ .. ยังไงก็แลกเปลี่ยนแนวคิดกันได้นะครับ   Create Date : 15 มิถุนายน 2548 15 comments Last Update : 15 มิถุนายน 2548 22:59:02 น. Counter : 1625 Pageviews. Share Tweet

ขอบคุณครับ   โดย: แม่สาย 15 มิถุนายน 2548 23:07:16 น.

มี 14 กลุ่มอย่างเพยนี่ไม่ต้องคิดเลย ขืนจะเปลี่ยนให้ไม่เหมือนกันก็คงสยองดีพิลึก   โดย: รำเพย 15 มิถุนายน 2548 23:10:07 น.

แค่ทีมเดียวก็แย่แล้วพี่กึ่งฯ ปวดกบาล   โดย: dont wanna no 15 มิถุนายน 2548 23:31:42 น.

????   โดย: jayjayกะน้องถ้วยฟู 15 มิถุนายน 2548 23:41:53 น.

เด็กชายหมาร่า อยากกินทุกรส ก้อเลยสั่งเป็น Earthquake มาซะเลย เจ้าของร้าน จ๋อยปายยยยยยย   โดย: หมาร่าหมาหรอด 16 มิถุนายน 2548 0:04:58 น.

ปล. ลืมขอบคุณสำหรับไอเดียนี้ก๊าบ ถ้าผมมีตีมใช้เหลือเฟือทิ้งๆขว้างๆ เปลี่ยนทุกอาทิตย์แบบเจ๊รำเพย ก็คงจะทำแน่นอน แต่นี่ ... กะซิกๆๆๆ ทำมาตั้งนาน มีอยู่ตีมเดียวเอง แง๊ๆๆ   โดย: หมาร่าหมาหรอด 16 มิถุนายน 2548 0:07:35 น.

ขอบคุณมากคับ   โดย: ป่อหงส์ 16 มิถุนายน 2548 1:33:16 น.

มาอีกรอบบบบบบ น้ากึ่งฮับ ไม่ไหวอะฮับ แค่ปกตินี่ก็สงสารเครื่องจะแย่แล้ว เพราะว่าโหลดสคริปกันบานตะเกียงเลย ขืนทำแบกลาวหลายๆอัน สงสารเครื่องฮับ มันคงโหลดกันปวดหัวไปเลย แล้วก็นานด้วยนา ป๋มว่า ถ้าเอาง่ายๆก็ไม่ต้องใส่สคริปกำหนดก็ได้นะฮับ เพราะต่อให้ใส่น่ะ ก็ต้องมีรูปหลายรูปอยู่แล้ว แถมสคริปก็ยาวด้วย เดี๋ยวก็กำหนดผิดเปล่าๆ อย่ากระนั้นเลย ป๋มคิดว่าเลือกเป็นแบบ blog style แล้วใส่ bg ไปที่แต่ละกลุ่มยังจะง่ายกว่าเลยนะฮับน้า อีกอย่างคือเขียนแค่กำหนด bg น่ะ มันง่ายกว่าเขียนจ่าว้ายาวๆตั้งเยอะ ไม่ค่อยผิดด้วยอะ เพราะว่ามันไม่ซับซ้อนแค่ <script>document.body.background="//www.เวปอะไรสักแห่งที่เค้าให้เอารูปไปเก็บได้.com/Background.jpg";</script> เขียนแค่นี้ก็พอแล้วอะ ในแต่ละกลุ่มน่ะโอกาสพังน้อยกว่าด้วยนาน้านะ ข้อไม่ดีมีอย่างเดียวเองคือใช้กับพวก diary style ไม่ได้   โดย: รำเพย 16 มิถุนายน 2548 8:01:39 น.

?????..... src=https://www.bloggang.com/emo/emo9.gif> ขอบคุณคร้าาาบ   โดย: I-l^()^/V n^!^e (gojas119 ) 16 มิถุนายน 2548 17:02:44 น.

ผมก้อสนใจอยากทำ bg ให้แต่ละกลุ่มต่างกัน ขอบคุณที่มาแนะนำครับ แต่อ่านไปอ่านมา ผมคงไม่ได้ทำ เพราะแค่ style เดียวยังงมอยู่เป็นชาติ ตอนนี้ ก้อยังมีปัญหา ดูใน firefox แล้ว bg color เป็นสีเทาดำ ไม่เป็นสีเขียวที่ผมพยายามตั้งไว้ คงตัองงมกันต่อไป นะครับกระผม   โดย: GuiLty PLeaSure 4 กรกฎาคม 2548 4:43:40 น.

น้ากึ่ง เขียนไรไม่รุเรื่องเลย ไม่เข้าใจ เอาเหอะ บล๊อกเราน้องพลอยสุดสวยเค้าเป็นคนทำให้ง่ะ ไม่มีปัญญาทำเองหรอกฮะ   โดย: vodca (vodca ) 27 ตุลาคม 2548 15:07:25 น.

มีเว็บไหนที่เค้าให้เอารูปไปเก็บไว้ได้มั่งอ่ะจ๊ะ อยากทำธีมของตัวเองอ่ะ แล้วต้องsaveเป็นนามสกุลอะไรถึงจะเอามาใช้ได้ ขอโทษด้วยนะคะมือใหม่อ่ะค่ะ กรุณากนูด้วยนะคะ   โดย: Sabine IP: 124.120.97.184 7 เมษายน 2549 22:39:22 น.

หนูโง่อ่ะ...หนู่ไม่เข้าใจเฮียอ่ะค่ะ   โดย: Sabine IP: 124.120.97.184 7 เมษายน 2549 22:48:00 น.

ยัง งง อยู่เลยค่ะ ตามม่ายค่อยทัน จะพยายามอ่านไปเรื่อยๆค่ะ   โดย: pk12th 10 พฤษภาคม 2551 0:06:16 น.

ิ่อ่านแล้วไม่เข้าใจ แต่ก็ชอบอ่านค่ะ เพลินดี ประดับความรู้อันน้อยนิด   โดย: แม่พีวีซี 26 กันยายน 2555 20:51:22 น.