การใช้งาน Custom HTML เมื่อมี Custom HTML 2 ตัว

ได้ข่าวแว่วมาหนาหูว่าการทำ Custom HTML ตัวที่ 2  (ต่อไปนี้ขอให้ #1 กะ #2 แทน Custom HTML ละกันนะ) เพิ่มขึ้นมา ส่งผลให้สเปซหลายคนเน่าไปเรียบร้อยแล้ว หุหุ ไม่ใช่ปัญหาอื่นใดแน่นอน นอกซะจากว่าเรายังไม่รู้วิธีการใส่โค้ดให้โมดูล Custom HTML #2 ให้ต่างกะ  Custom HTML #1 ใช่ป่ะล่ะ อ่ะ วิธีการไม่ยาก แต่ออกจะงงๆ นิดๆ ค่อยๆ อ่านและทำความเข้าใจไปช้าๆ อย่าเร่ง อย่าลนฮะ

อ่อ...สงสัยอ่ะดิ ว่าจะแยก #1 กะ #2 ยังไง ไม่ยากเลย เคล็ดวิชาก็มีอยู่ว่า “#1 อยู่ซ้าย #2 อยู่ขวา” กะ “#1 อยู่บน #2 อยู่ล่าง”

กำแต๊ๆ ของเลดี้ริงที่ต้องกลับมาอธิบายเพิ่มเพราะมีน้องอ่านแล้วงง อะไรพี่ ซ้ายๆ ขวาๆ...คือแบบว่าตอนนี้เรามีโมดูล Custom HTML อยู่สองตัวใช่ป่ะ
ฟังนะ...ไม่ว่าเราจะมีเลเอาท์แบบไหน ไม่ว่าเราจะจัดหน้ายัง ตอนนี้เราก็จะมี Custom HTML ทั้งสองบนหน้าจอพร้อมแล้ว โมดูล Custom HTML ตัวที่อยู่ด้านซ้ายมือของอีกตัวหนึ่งจะเป็นตัวที่มีศักดิ์สูงกว่าเราถือเป็นตัวที่ 1 เสมอ (แม้แต่ซ้ายล่างก็มีศักดิ์มากว่าขวาบนนะ)

แต่ถ้าโมดูลทั้งสองตัวอยู่คอลัมน์เดียวกันโมดูล Custom HTML ที่อยู่บนกว่าก็จะมีศักดิ์สูงกว่า...ก็ที่เราเรียกว่าตัวที่ 1 นั่นแหละ ...ดูนี่ต่อ พอจะเห็นภาพมั๊ย

ดูภาพตัวอย่าง...ภาพเบื้องหลังการถ่ายทำเลยนะเนี้ยะ

แยกออกยังอ่ะ...ยังงงอีกไม่ได้ ประเด็นนี้ต้องเคลียร์นะ...สำคัญมั่กๆ หลังไมค์ยังว่างเชิญได้ ไม่งั้นสเปซเน่าแน่เหอๆ เสร็จแล้วก็ไปต่อเรย...

เราอ่ะนะ จะใส่โค้ดให้ Custom HTML ทั้งสองตัวใช่ป่าว ดังนั้นหลักการมีอยู่ว่าเราต้องใส่โค้ดให้ #2 ผ่าน #1….ใช้ #1 เป็นช่องทางส่งโค้ดไป #2 เริ่มมั่วๆ แล้วยังคะ แต่อย่าเพิ่งกลัวไป อยากให้ลองดูครั้งนึงแล้วจะเข้าใจค่ะ

Step 0 : ถ้ามีโค้ดอะไรใดๆ อยู่ใน Custom HTML อยู่แล้วล่ะก็ ขอแนะนำว่าให้คัดลอกเก็บไว้ก่อนนะ กันเหนียว ทำงี้ให้เป็นนิสัยจะได้ไม่มานั่งร้องไห้ทีหลังน๊า....ลบโค้ดใน Custom HTML ทิ้งก่อน เราจะมาเริ่มจาก 0 ด้วยกัน จากนั้นก็จัดการย้ายโมดูลไปยังตำแหน่งต่างๆ ให้เรียบร้อย จัดหน้าให้เรียบร้อยนะ นี่จะเป็นโอกาสเดียวที่เราจะจัดหน้าของสเปซเราแล้วล่ะ กด Save ที่แถบเหลือง แน่นอนว่าตอนนี้ Custom HTML ทั้งสองของเราจะว่างเปล่า ! เมื่อพร้อมกันแล้ว...ลุย...

Step 1 : นำโค้ดที่จะใส่ใน Custom HTML #2 มาใส่ใน #1 ก่อน (ไม่ต้องสงสัย ทำไป เดี๋ยวรู้ผล) แล้วกดปุ่ม Save ที่โมดูล Custom HTML #1 นั่นอ่ะ

Step 2 : จากนั้นก็คลิกที่หัวโมดูลค้าง ลากไปไหนก็ได้แล้วปล่อย แล้วก็ลากกลับมาแล้วปล่อย ทั้งนี้เพื่อให้เกิดแถบเหลือง...เราต้องการแถบเหลืองนี่มากๆ เลยล่ะ

Step 3 : คลิกปุ่ม Save ที่แถบเหลืองค่ะ
อ้า....เริ่มเห็นอะไรป่าว โค้ด #1 กะ #2 มันเหมือนกัน ไม่ต้องตกใจ เราได้ใส่โค้ดให้ #2 เรียบร้อยแล้วเห็นม๊า...

Step 4 : นำโค้ดที่จะใส่ใน #1 ใส่ลงใน #1 ดูเลขดีๆ เด้อ เลดี้พิมพ์ไม่ผิด...แล้วกด Save ที่โมดูล Custom HTML #1 อีกครั้ง

เสร็จแล้ว เสร็จจริงๆ เสร็จจากขั้นตอนนี้สิ่งที่ห้ามทำคือ ห้ามย้ายโมดูลไม่ว่าตัวไหน ห้ามคลิก Save ที่แถบเหลือง รู้แล้วใช่ป่าวว่ามันจะมีผลให้โค้ดจาก #1 ไหลไปทับโค้ดใน #2 หมดเลย ความซวยก็จะบังเกิดเป็นสเปซเน่าประการฉะนี้

เรื่องก็มีอีกว่าถ้าเราต้องการใส่โค้ดให้ #1 ตัวเดียว เราก็ต้องทำให้ตัวที่สองว่างก่อน โดยไม่ต้องใส่โค้ดอะไรใน Step 1 แต่ถ้าเราจะใส่โค้ดให้ #2 เพียงตัวเดียว ก็ให้ลบโค้ดใน #1  Step 4 ไง

เอ็นทรี่นี้ยังไม่มีรูปปลากรอบอ่ะ ว่างๆ คืนนี้เดี๋ยวทำให้...ไม่สัญญา...