วิธีแก้ปัญหาการใส่ชื่อของ Blogger Gadget

ปกติการใช้งาน Blogger Gadget เราสามารถที่จะเลือกได้ว่าจะใส่ชื่อหรือไม่ใส่ชื่อก็ได้ แต่ปัญหาที่พบในวันนี้คือ อยู่ ๆ เราไม่สามารถทำเช่นนั้นได้อีกแล้ว ในขณะที่เขียนบทความนี้ผมยังไม่ทราบสาเหตุที่แน่ชัดว่า Blogger ได้มีการปลี่ยนแปลงระบบด้วยเหตุผลใด จึงไม่อนุญาติให้เราเว้นว่างชื่อของ Gadget ได้เหมือนเคย และยังไม่ทราบแน่ชัดว่า Blogger จะมีการเปลี่ยนแปลงระบบอีกหรือไม่

สอนทำบล็อก วิธีสร้างบล็อก

อย่างไรก็ตามบทความนี้ผมขอวิธีแก้ปัญหาทั้งสิ้น 2 วิธี เพราะว่ามีสมาชิกหลายท่านกำลังเดือดร้อนกับปัญหานี้อยู่ วิธีที่จะนำเสนอนี้ก็ทำได้ไม่ยากนักเพียงแค่เพิ่มเติมโค้ดลงไปในแม่แบบ หรือชื่อ Gadget เพียงเล็กน้อยเท่านั้น


วิธีซ่อนหัวข้อของ Gadget บน Blogger

วิธีที่ 1 ใช้เทคนิคของ HTML
Login เข้าไปที่ blogger.com >> การออกแบบ >> องค์ประกอบของหน้า
จากนั้นคลิกแก้ไข Gadget ที่ต้องการไม่ให้ปรากฎชื่อ  หรือถ้าเพิ่งเพิ่ม gadget เป็นครั้งแรก ก็ให้ใส่ชื่อ Gadget ด้วยโค้ด

<h2></h2>
วิธีสร้างบล็อก วิธีสร้าง Blog
จากนั้นบันทึก Gadget เท่านี้ก็จบขั้นตอนการซ่อนชื่อ Gadget ได้สำเร็จแล้วครับ



วิธีที่ 2 ใช้เทคนิคของ CSS

ขั้นที่ 1 การเพิ่ม Gadget ให้ใส่ชื่อ Gadget เข้าไปตามปกติ เช่นผมตั้งชื่อว่า MY FANCLUB ON FACEBOOK

สอนทำ blogspot วิธีสร้าง blogger

ขั้นที่ 2 เข้าไปที่การแก้ไข HTML และใช้คำค้นว่าด้วยชื่อที่ตั้งไว้ในข้อที่ 1 ซึ่งในตัวอย่างนี้คือ MY FANCLUB ON FACEBOOK

เมื่อพบข้อความดังกล่าวแล้วให้จำ id ของ Gadget นั้น แล้วทำต่อในขั้นที่ 3

สอนสร้างบล็อก สอนแต่งบล็อก

ในที่นี้ผมพบ id เป็น HTML2



ขั้นที่ 3 นำ id ของ Gadget ที่พบในข้อ 2 มาสร้างโค้ดดังนี้


#HTML2 h2{display:none;}
ถ้าต้องการซ่อนหัวเรื่องของ Gadget พร้อมกันหลาย ๆ อันก็ใช้โค้ด
#HTML2 h2,#BlogArchive1 h2,#Label1 h2{display:none;}
ซึ่งโค้ดข้างบนนี้หมายถึงผมกำลังจะซ่อนหัวเรื่องของ Gadget ที่มีไอดีเป็น HTML2 , BlogArchive1  และ Label1  ตามลำดับ



ขั้นที่ 4 นำโค้ดในข้อ 3 ไปวางก่อนหน้าโค้ด
]]></b:skin>
บันทึกแม่แบบแล้วดูผลลัพธ์ จบขั้นตอนครับ สวัสดีครับ

ตอนนี้มีความคิดเห็น : 10 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. ขอบคุณครับ กำลังพบปัญหานี้อยู่พอดี
    อ้อ...มีวิธีที่ผมค้นพบโดยบังเอิญครับ สำหรับ Gadget html
    ผมลอง ก็อบปี้ โค้ด html อะไรก็ได้ ไม่เกิน 100 อักษร ไปวางที่หัวข้อ
    แล้วกดบันทึก มันก็จะขึ้นเป็นหัวข้อ html/javascript เหมือนเดิมครับ

  1. @ น้ำค้างหยกเก้าบุปผา :เป็นวิธีที่น่าสนใจมากครับ
    แต่วิธีที่ว่านี้ผลลัพธ์ไม่เหมือนกับที่อธิบายในบทความนะครับ

  1. ขอบคุณมากครับพี่

  1. Thank you very much

  1. รู้สึกว่าธีมของผมคนเขียนสงสัยเขียนไม่เหมือนชาวบ้าน ผมทำการโชว์รูป "ligthbox Image Viewer" ก็ไม่ขึ้น ทำวิธีซ่อน title gadget ที่บอกนี้ก็ไม่หายครับ

    ทั้ง ๆ ที่ผมก็ใส่ถูกหมดแล้ว ธีมอื่นก็ทำได้แล้ว http://rugarcheep.blogspot.com/

    ดูให้หน่อยนะพี่ ขอบคุณมาก ๆ ครับ (มีปัญหาเยอะหน่อยนะครับ ธีมมันแก้ยากจริง ๆ พี่) = =

  1. @Pasom : มันเป็นปัญหาความขัดแย้งระหว่าง jQuery กับ Prototype ครับ ที่อยู่ร่วมกันแล้วมีปัญหา (บางครั้งก็แก้ได้บางครั้งก็ยากที่จะแก้) ถ้าไม่จำเป็นพี่แนะนำว่าน้องไม่ควรยัดเยียดจาวาสคริปต์เข้าไปเยอะเกินไปเพราะจะทำให้บล็อกหนัก ไม่เป็นผลดีในเรื่อง SEO Onpage
    น้องลองทบทวนดูอีกทีว่า "ligthbox Image Viewer" มันสำคัญกับบล็อกมากไหม เพราะพี่คิดว่าส่วนใหญ่ "ligthbox Image Viewer" ควรจะใช้กับบล้อกที่เน้นแสดงรูปภาพมากกว่า

  1. ครับพี่ ผมไม่เอาใส่แล้วครับ มันคงไม่จำเป็นมากนัก เหมือนอย่างที่พี่บอกมานั้นแหละครับ

    ขอบคุณอีกครั้งสำหรับคำตอบครับ

  1. เยี่ยมมากๆครับผมมือใหม่หัดทำบล็อก

  1. http://numbermongkol.blogspot.com/
    คือผมอยากใส่สไลท์อ่ะครับทำไม่เปนมันไม่ขึ้นเลยเฮ่องง

  1. @ นัมเบอร์มงคล: พี่แนะนำให้หาบทความที่สนใจจากสารบัญครับเพื่อประโยชน์กับตัวน้องเอง หาไม่ยากหรอกครับลองดู
    http://www.hackublog.com/2009/01/blog-post.html

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel