หากเราใช้ธีมของ Blogger จะเห็นว่า ด้านบนของบล็อกจะมี Blogger Navigation Bar อยู่ มีไว้เพื่อช่วยในการค้นหาบล็อก หรือ ล็อกอินเข้าสู่ระบบ ซึ่งจริงๆแล้วมันก็ไม่จำเป็นเท่าไหร่ และขัดต่อสายตาชาวเราเป็นอย่างมาก วันนี้จึงจะขอเสนอวิธีการซ่อนและลบ Blogger Navigation Bar หรือเรียกสั้นๆว่า Blogger Navbar
Blogger Navigation Bar มี2 ประเภท คือ แบบที่มาพร้อมกับ Template แบบเก่า กับแบบที่มากับ Template Designer หรือแบบใหม่
วิธีลบและซ่อนแบบที่มาพร้อมกับTemplateแบบเก่า
วิธีซ่อน Blogger Navbar แบบเก่า
วิธีนี้จะเป็นการซ่อน Blogger Navbar ไว้เฉยๆ แต่ไม่ได้ถูกลบ ซ่อนในที่นี้ก็คือ มองไม่เห็น ติต่างได้ว่า มันไม่มี แต่มันก็ยังไม่โดนลบ
1) ไปที่ Design > Edit HTML and backup your template. กด Expand Widget Templates
2) หาโค๊ต ]]></b:skin> แล้วแทรกโค๊ตสีแดงด้านล่างเข้าไปก่อนหน้า ]]></b:skin> จะได้เป็นแบบนี้
#navbar-iframe {3) กด Preview ถ้าไม่มีปัญหา กด Save
height:0px;
visibility:hidden;
display:none;
}
]]></b:skin>
และอีกหนึงวิธีเก๋ๆ ซ่อนไว้แบบ Auto hide เมื่อใดที่เราเอาเม้าท์ไปวาง มันจะโผล่ขึ้นมาหลอกหลอนเรา วิธีก็เหมือนเดิม หาโค๊ต ]]></b:skin> แล้วแทรกโค๊ตสีแดงด้านล่างเข้าไปก่อนหน้า ]]></b:skin>
#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0);
}
#navbar-iframe:hover{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100)
}
]]></b:skin>
ลบแบบถาวร
หากได้ทำวิธีก่อนหน้า คือซ่อนเจ้า Bloger Navbar ให้ทำการลบโค๊ตที่ใส่ไปออกก่อน จากนั้นให้หา แทก </head> แล้วแทรกโค๊ตสีแดงเข้าไปข้างหน้า จะได้เป็นแบบนี้
<!-- <body>เสร็จแล้วลองกด Preview ถ้าไม่มีอะไรผิดพลาดกด Save เมือกด Save แล้ว ระบบจะขึ้นข้อความแบบนี้มา
<div></div> -->
</head>
Warning: Your new template does not include the following widgets:กด Delete Widgets เพื่อลบ Bloger Navbar ออกไป
• Navbar1
Would you like to keep these widgets on your blog or delete them?
Deleting widgets cannot be undone.
Bloger Navbar แบบที่มากับ Template Designer หรือแบบใหม่
ก็เหมือนเดิม หา ]]></b:skin> แทรกโค๊ตเข้าไปก่อนหน้า
#navbar{
height:0px;
visibility:hidden;
display:none;
}
]]></b:skin>
