Tutorial: Sembunyikan Navbar Blogger

Assalamualaikum,

Cara lama yang digunakan untuk hilangkan atau "hide"-kan Navbar Blogger adalah seperti di bawah:

#navbar-iframe {
display: none ;
}

ada yang komen bahawa cara ni tak berkesan. Sebab ?

1. Cara ni cuma bagitahu browser, jangan display id navbar-iframe. Tapi kalau id navbar korang lain, tetap akan ada navbar tu.

2. Satu lagi kekurangan cara ni ialah, blog korang tetap akan muatkan Navbar ke dalam browser tetapi di-sembunyikan dengan property display: none; dan cuma tak nampak sebab kita dah bagitau jangan display.

Jadi saiz blog korang dan browser masih lagi akan load kan code Navbar tu.

Sedikit maklumat, navbar tu sebnarnya adalah salah satu widget blogger yg disetkan supaya tak boleh delete melalui layout editor.

So, saya akan kongsikan cara untuk hilangkan Navbar blogger dan pastikan code Navbar hilang dari template. Jadi Tutorial kali ni untuk delete Navbar. bukan sekadar hilangkan dari pandangan.

Hai Navbar Blogger, *peace*



So cara-cara nya,



cari code ni ( nampak pendek, tapi kalau klik anak panah sebelah kiri tu akan expand lagi.) :

      <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

▶        <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

      </b:section>

Apa yang korang perlu buat, select semua code ni dan delete. (**pastikan backup dulu sebelum buat.)

Yup. macam tu je sebenarnye. Itu adalah code untuk widget Navbar blogger. Jadi bila delete, Navbar tu akan hilang terus. Tak perlu setting CSS atau buat benda lain lagi.

atau cara mudah, dengan hanya pergi ke layout editor dan klik "off". hhahaha. yup. semudah tu.





Jadi sampai di sini sahaja entri kali ni, selamat mencuba.
Kalau suka boleh share atau tinggalkan komen kat bawah ni.

( Setiap posting di blog ni adalah di bawah Creative Common License 4.0, boleh copy & paste tapi mesti di nyatakan link dan dikreditkan kepada penulis asal )

Popular posts from this blog

Extra : Play DOTA 2 Offline The Simplified Way

Create a Custom Blogger Header Part 2

Tips Tingkatkan Kelajuan Blog