7 วิธี ลบ element ที่ไม่จำเป็นออกจาก Blogger

ส่วนประกอบในการแสดงผลของ blogger นั้นสามารถซ่อนไม่ให้แสดงผลได้เช่น บทความที่เคยได้เสนอไปแล้วคือ การลบหรือ ซ่อน Blogger navigation bar บทความนี้จะเสนอการ Disable ส่วนที่คุณไม่ต้องการให้แสดงผล และไม่สามารถบังคับการแสดงผลได้ด้วยเครื่องมือที่มีอยู่แล้วใน blogger  เพื่อให้ blogger ที่สร้างมีรูปแบบตามที่คุณต้องการตาม Style ของคุณเองมากขึ้น

 

1. การลบหรือซ่อน Navigtion bar



วิธีนี้ได้เคยเสนอไปแล้ว แต่จะกล่าวซ้ำอีกครั้ง ดังนี้  ให้คุณเข้าไปแก้ไข HTML และค้นหาโค้ด ]]></b:skin> 
เมื่อพบแล้วให้วางโค้ดต่อไปนี้ลงไปในตำแหน่งก่อนหน้า ]]></b:skin> และบันทึกแม่แบบ

#navbar-iframe{display:none;}

2. วิธี Disable Page Status



สำหรับบางท่านที่มักมัปัญหาการแสดงผล Page Status ที่ไม่สวยงาม หรือมีการแสดงภาษาไทยที่มักผิดเพี้ยน และอยากซ่อนการแสดงผลก็ทำได้โดยใช้โค้ด

.status-msg-wrap,.status-msg-body,.status-msg-bg,.status-msg-border{display:none}

หรือใช้โค้ด

.status-msg-wrap{display:none}

ส่วนตำแหน่งการวางโค้ดให้ทำเช่นเดียวกับข้อ 1

3. การ disable Date Header 

  

การ disable Date Header สามารถทำได้โดยการตั้งค่าใน blogger แต่อีกวิธีหนึ่งที่ทำได้คือใช้โค้ด

.date-header{display:none}

ซึ่งติดตั้งในแม่แบบได้เช่นเดียวกับวิธีในข้อ 1


4. วิธี disable Atom Feed

 

การ Disable Atom Feed ซึ่งอยู่ส่วนท้ายของหน้าใน Blogger ทำได้โดยใช้โค้ด

.blog-feeds, .feed-links{display:none}

5. การ disable Blogger Attribution

 

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

#Attribution1{display:none;}

6. การ disable พื้นหลังของ Blog pager

 

ในกรณีที่ Blog Pager มีพื้นหลังอาจจะยังไม่สวยงามตามความต้องการ คุณสามารถลบพื้นหลังและเส้นของออกได้ โดยใช้โค้ด

#blog-pager{background-color:none;border:none;}

7. กรณีที่คุณต้องการลบทุกอย่างในคราวเดียว
สามารถทำได้โดยใช้โค้ดต้อไปนี้

#navbar-iframe,.status-msg-wrap,.date-header,.blog-feeds, .feed-links,#Attribution1{display:none;}
#blog-pager{background-color:none;border:none;}

วิธีติดตั้งโค้ดก็นำโค้ดข้างบนนี้ไปวางเอาไว้ก่อนหน้าโค้ด ]]></b:skin> และบันทึกแม่แบบ 

สำหรับการ disable post element อื่น ๆ ผมได้เคยกล่าวถึงเอาไว้ในบทความ วิธี ปรับแต่ง Post Elements บน Blogger