Cara Menghilangkan Navigation Bar (NavBar) Blogger

How to Hide NavBar

Saat memulai sebuah blog ataupun juga mengunjungi sebuah blog bawaan blogger (blogspot). Sahabat Blogger leaf culture  pasti sudah tak asing lagi dengan persegi  bar panjang yang melintang  di atas atau header blog yang berisi fitur Search, Berbagi, Laporkan, Buat Blog, Masuk, dan lain sebagainya.

Namanya sering disebut Navigation Bar jika disingkat NavBar. NavBar adalah bagian dari halaman blog untuk membantu blogger atupun pengunjung mencari dalam pencarian  artikel atau dokumen dan juga bisa sebagi jalur Log In dan Log out blogger. Navbar  juga sangat membantu blogger dan pengunjung blog karena merupakan salah satu aspek penting dari kegunaan blog.

Namun, jika para blogger kurang senang dengan adanya tampilan Navbar di blog Sahabat maka janganlah khawatir karena Navbar sendiri bisa dihilangkan ataupun di sembunyikan.

Nah, untuk sekarang Saya akan memberikan tutorial ilmu yang didapat secara otodidak ini dengan membahas Cara Menghilangkan Navigation Bar di blog bawaan blogger.com atau Blogspot.

Penting: sebelum mengotak-atik HTML blog Anda, disarankan untuk melakukan “Backup” template terlebih dahulu untuk mengantisipasi kesalahan dalam pengeditan.

Langkah pertama, dari “Dashboard” klik “Template” dan masuk ke “Edit HTML” dan centang “Expand Widget Template”

Cari kode skrip berikut ini.

]]></b:skin>

Tips: untuk lebih memudahkan dalam pencarian script yang dimaksud, pada browser Mozilla Firefox dapat dengan menggunakan fitur pencarian (CTRL + F). Copy Paste script tersebut lalu letakkan di kolom “Search” dan tekan “Enter” untuk memulai pencarian.

Jika sudah ditemukan, letakkan kode berikut ini sebelum atau tepat diatas kode ]]></b:skin>

/* hilangkan navbar
 ----------------------------- */

 #navbar-iframe {
 height:0px;
 visibility:hidden;
 display:none
 }

Untuk desain Template Klasik. Carilah terlebih dahulu script dibawah ini.

</style>

Dan letakkan kode berikut tepat di atasnya atau sebelum </style>

/* hilangkan navbar
 ----------------------------- */

 #navbar-iframe {
 height:0px;
 visibility:hidden;
 display:none
 }

 Klik “Save Template” untuk mengakhirinya.

Adapun cara kedua yang persis sama mudahnya (untuk template baru), lakukan cara seperti diatas. Jika sudah carilah kode seperti di bawah ini.

<body>

Tambahkan kode berikut ini tepat dibawah atau setelah script <body>

<style type=’text/css’>
#navbar-iframe {display:none;}
</style>

Mudahkan? Sekarang kunjungilah blog Sahabat sendiri untuk melihat hasilnya.

Sekian tutorial tentang cara menghilangkan Navbar blogger. Semoga tutorial tadi bermanfaat, silakan tinggalkan komentar Sahabat leaf culture!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s