How to Remove and Hide Blogger NavBar (Top Navigation Bar) Cara Hapus dan Sembunyikan Navbar Blogger (Top Navigation Bar)
When browsing Blogger powered weblogs hosted on blogspot.com domain or custom domain, there is always a NavBar (Navigation Bar or Banner) that appears on top of the blog. Saat browsing powered weblog Blogger di-host di blogspot.com domain atau domain kustom, selalu ada Navbar (Navigation Bar atau Banner) yang muncul di bagian atas blog. The Blogger NavBar contains Search Blog textbox, Flag Blog to notify Blogger about objectionable contents on the blog, Next Blog link to visit another blog randomly, plus links to create a blog or sign in to Blogger. Blogger Navbar berisi Cari Blog textbox, Flag Blog untuk memberitahu Blogger mengenai konten pada blog, Blog Berikut link untuk mengunjungi blog lain secara acak, plus link untuk membuat blog atau masuk ke Blogger.
No many visitors nor bloggers themselves may find it useful though. Tidak banyak pengunjung maupun blogger itu sendiri mungkin berguna though. It's possible to hide and remove the NavBar with a little CSS hack. Ada kemungkinan untuk menyembunyikan dan menghapus Navbar dengan sedikit CSS hack. The trick will not interfere or mess up with the custom layouts that webmaster has designed, and pretty safe and easy to implement. The trick tidak akan terganggu atau menggagalkan kustom dengan layout yang telah dirancang webmaster, cantik dan aman dan mudah diimplementasikan. In fact, if you're publishing the Blogger blog to own custom domain with FTP or SFTP, it's possible to turn off NavBar. Bahkan, jika Anda mempublikasikan blog Blogger ke domain kustom dengan FTP atau SFTP, mungkin untuk menonaktifkan Navbar.
Turn Off and Disable NavBar in Blog Published by FTP or SFTP Nonaktifkan dan Nonaktifkan Navbar di Blog Published by FTP atau SFTP
- Login to Blogger. Login ke Blogger.
- On the Blogger Dashboard, click on the Template link of the blog that you want to disable its NavBar. Pada Dashboard Blogger, klik Template dari link blog yang akan menonaktifkan-nya Navbar. You can also click Customize on NavBar while visiting your blog. Anda juga dapat klik Customize Navbar pada saat berkunjung ke blog Anda.
- The Edit HTML page under Template tab should be loaded. Edit Template HTML halaman di bawah tab harus diambil. Click on the drop down box beside Change the Blogger NavBar and select Off . Klik pada drop down box di samping Mengubah Navbar Blogger dan pilih Tidak aktif.
- Click on SAVE TEMPLATE CHANGES button when done. Klik tombol SIMPAN PERUBAHAN TEMPLATE ketika selesai.
Remove and Hide NavBar in Menghapus dan Sembunyikan Navbar di Blogger Widget Template Blogger Template Widget
- Sign in to Blogger. Login ke Blogger.
- On the Blogger Dashboard, click on the Layout link of the blog that you want to disable its NavBar. Pada Dashboard Blogger, klik pada link Layout dari blog Anda yang ingin menonaktifkan nya Navbar. You can also click Customize on NavBar while visiting your blog. Anda juga dapat klik Customize Navbar pada saat berkunjung ke blog Anda.
- Under the Layout tab, click on Edit HTML tab to view the template's HTML code. Layout di bawah tab, klik tab Edit HTML untuk melihat kode template HTML.
- Search for the following line of code: Mencari di baris kode berikut:
]]>Before the line, add in the following line of code: Sebelum baris, tambahkan di baris kode berikut:
#navbar { display: none; }or: atau:
#navbar-iframe { display: none !important; } - Click on SAVE TEMPLATE to make the change effective. Klik SAVE TEMPLATE untuk membuat perubahan efektif.
Remove and Hide NavBar in Blogger Classic Template Menghapus dan Sembunyikan Navbar di Blogger Template Klasik
- Login to Blogger. Login ke Blogger.
- On the Blogger Dashboard, click on the Template link of the blog that you want to disable its NavBar. Pada Dashboard Blogger, klik Template dari link blog yang akan menonaktifkan-nya Navbar. You can also click Customize on NavBar while visiting your blog. Anda juga dapat klik Customize Navbar pada saat berkunjung ke blog Anda.
- The Edit HTML page under Template tab should be loaded. Edit Template HTML halaman di bawah tab harus diambil. If not, go to the tab. Jika tidak, buka tab.
- Search for the following line of code: Mencari di baris kode berikut:
</style>Then, add the following line of code before that line: Kemudian, tambahkan baris kode berikut sebelum baris:
#navbar-iframe { display: none; }The Blogger Classic Template uses iframe to load the NavBar, and styles it with ID named navbar-iframe. Blogger Template Klasik menggunakan iframe untuk membuka Navbar, dan gaya dengan ID bernama navbar-iframe. The name actually also works for new Blogger Widget Template too. Nama sebenarnya juga bekerja untuk Template Widget Blogger baru juga.
- After hiding the Nav Bar in Blogger using Classic Template, there tends to be a gap that replaces the navigation bar. Setelah menyembunyikan nav bar di Blogger menggunakan Template Klasik, ada cenderung menjadi kesenjangan yang menggantikan panel navigasi. The gap may be white, red, green, blue, or black in color, depends on what is your background color. Kesenjangan mungkin putih, merah, hijau, biru, atau dalam warna hitam, tergantung pada apa yang Anda warna latar belakang. To remove the gap, find the following code (normally near the top of the HTML): Untuk menghapus kesenjangan, cari kode berikut (biasanya di dekat bagian atas HTML):
body {Add in the following like of code after the body tag: Tambahkan di kode seperti berikut setelah tag badan:
position: relative;
top: -32px; - Click on SAVE TEMPLATE CHANGES button when done. Klik tombol SIMPAN PERUBAHAN TEMPLATE ketika selesai.
Tip: To display and show NavBar again, just remove and delete the additional codes that have been added. Tip: Untuk menampilkan dan menunjukkan Navbar lagi, cukup menghapus dan menghapus tambahan kode yang telah ditambahkan.
IMPORTANT : The page is machine translated and provided "as is" without warranty. PENTING: Halaman yang diterjemahkan mesin dan diberikan "sebagaimana adanya" tanpa jaminan. Machine translation may be difficult to understand. Mesin terjemahan mungkin sulit dimengerti. Please refer to Silakan merujuk ke original English article artikel asli Inggris whenever possible. bila memungkinkan.
Related Articles Artikel Terkait
- How to Delete Blogger Blog Cara Hapus Blogger Blog
- Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Tambahkan Jumlah Halaman (dengan Halaman Pertama dan Terakhir) Navigasi Link untuk Blogger (Blogspot) dengan Gadget Elemen dan Manual Hack
- Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.com Menambah dan Sisipkan Debitkan ke Google AdSense Ads Unit Antara Posting Blog di Blogger.com
- Block, Hide and Remove Windows Live Mail Ads Blok, Sembunyikan dan Windows Live Mail Hapus Iklan
- How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Cara dibungkus AdSense Ads Sekitar dan Inline Disamping Blogger Posting Konten
- How to Hide or Show Libraries in the Navigation Pane of Windows 7 Explorer Cara untuk menyembunyikan atau Perlihatkan Perpustakaan di Navigasi Pane Windows Explorer 7
- Move Blogger Inline Ads Between Posts to Inside Within Post Position Pindah Blogger Inline Ads Between Posts untuk Inside Di Posting Posisi
- Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Workaround Tambahkan ke Channel Kustom AdSense ke Elemen Halaman Blogger Widget
- Hide and Remove Folders Shortcuts in Vista Start Menu Sembunyikan dan Hapus Folder Shortcuts di Vista Start Menu
- Redirect Blogger RSS Feed to FeedBurner for Detailed Statistics and Monetize Ads Redirect Blogger RSS Feed ke Feedburner untuk Terperinci Statistik dan uang Ads
July 19th, 2009 21:47 Juli 19, 2009 21:47
Thank you – this helps so much in apperance of my website – that nav bar was so blah on my site. Thank you - ini begitu banyak membantu dalam tampilan situs web saya - yang sangat nav bar blah di situs saya.