Your Keyword Here!

วิธีซ่อนพื้นหลังของ widget (Contact page)

Monday, July 29, 2013

เพื่อนๆที่ได้ลองสร้าง Contact Form Contact Page และได้ปรับให้มันแสดงผลอยู่แค่ที่หน้าของมันไม่ไปแสดงบริเวณ sidebar
เอาพื้นหลังของ widget (Contact page) ออกปรากฏว่าพอไปดูที่หน้า blog ของเรา มันดันมี แถบพื้นหลังเล็กๆของ widget แสดงอยู่ คงไม่ค่อยชอบใจเท่าไรนักผมก็คนนึงล่ะ เพราะมันดูไร้ความหมาย แกะกะว่างั้นเหอะ ถ้าเอา  widget ออกหน้า Contact page ก็จะไม่ทำงาน แต่ก็อยากให้แถบมันหายไป ต้องซ่อนมันครับ
วิธีเอาพื้นหลัง widget contact page ออก

login เข้าไปแก้ไข blog ของเรา ไปที่ Template>Customize
เอาพื้นหลังของ widget (Contact page) ออก
คลิกที่ Advanced
เอาพื้นหลังของ widget (Contact page) ออก
ที่ Advanced เลือก Add CSS แล้วใส่ copy code ข้างล่างนี้ไปใส่ลงในช่องตามภาพด้านล่างหากยังไม่เคยใส่ code อะไรเลยมันก็จะว่างๆอยู่ไม่ต้องตกใจครับนี่ผมใส่ไปสองสามcodeแล้ว
 #ContactForm1 {display:none;}  
โดยในในที่นี้ widget ID (คลิกดูว่าหา widget ID ยังไง)ของผมตัวนี้คือ ContactForm1 ถ้าของเพื่อนๆเป็น ID ที่ต่างไปจากนี้ก็ใส่ชื่อ widget ID  นั้นลงไปแทนเลยนะครับ แต่ส่วนใหญ่คงเหมือนกันเพราะคงไม่มีใครมี Contact Form Widget หลายๆอันหรอกเนอะ
เอาพื้นหลังของ widget (Contact page) ออก
ตอน copy code ไปวางเฉยๆมันอาจจะกด Apply to Blog ไม่ได้(สีมันจะจางๆลองกดดูก็ไม่มีอะไรเกิดขึ้น) ให้กดหรือพิมพ์อะไรก็ได้ลงไปสักตัวแล้วลบออก(อย่าลืมลบนะ) ที่นี้ Blog มันก็จะรู้แล้วครับว่ามีการแก้ไข จากนั้นก็กด Apply to Blog เป็นอันเสร็จ ไปดูผลงานเลยครับ
เอาพื้นหลังของ widget (Contact page) ออก

2 comments: