Mengenal Fungsi-fungsi Navbar

Navbar atau Navigation bar merupakan sebuah alat navigasi yang berbentuk frame dan berisi beberapa menu dengan kegunaannya masing-masing. Fungsi-fungsi yang ada di Navbar tersebut dapat membantu kita dalam kegiatan nge-blog di Blogger. Tampilan Navbar bila kita belum masuk atau log in di Blogger akan tampak seperti gambar di sebelah kiri. Sedangkan bila kita sudah masuk, maka tampilannya menjadi seperti gambar di sebelah kanan. Berikut ini fungsi-fungsi dari elemen atau link-link yang ada di Navbar. Logo Blogger berupa huruf B. Logo ini jika diklik maka akan mengantarkan kita ke alamat Blogger yaitu di http://www.blogger.com. Kotak Pencarian. Fungsinya untuk mencari artikel yang ada di blog yang sedang kita kunjungi. Silakan isi kotak dengan kata kunci yang diinginkan kemudian tekan tombol Enter. Berbagi. Link ini berfungsi bila kita ingin bagikan blog tersebut ke Twitter, Facebook, Google Buzz, dan Google Reader. Laporkan Penyalahgunaan. Title dari link ini menyatakan kita dapat memberi tahu Blogger tentang konten yang menimbulkan keberatan di laman yang sedang dikunjungi. Blog Berikut>>. Kalau yang ini bila diklik akan membawa kita ke blog Blogger yang lain secara acak. Buat Blog. Bila ingin membuat akun Blogger, silakan klik di sini. Masuk. Ini berfungsi untuk masuk atau log in ke akun Blogger. Ikuti. Ini berfungsi jika kita ingin mengikuti atau menjadi pengikut blog yang sedang kita kunjungi. Fungsinya mirip jika kita mengeklik tombol Follow pada widget Pengikut. Alamat email Gmail. Ini merupakan email yang digunakan untuk masuk ke akun Blogger kita. Entri Baru. Ini adalah jalan pintas bila kita ingin membuat posting yang baru. Rancangan. Link berfungsi untuk mengantarkan kita ke menu Rancangan. Keluar. Kalau ingin keluar atau sign out dari Blogger, silakan klik link ini.

Read More

Cara Menampilkan Navbar Blogger Auto Hide

Navbar auto hide maksudnya navbar akan tersembunyi atau tidak terlihat, namun begitu kursor mouse mengenai bagian atas blog di tempat Navbar berada maka Navbar tersebut akan muncul kembali. Salah satu kegunaan Navigasi bar atau Navbar ini adalah untuk mempercepat akses masuk atau login ke akun Blogger. Selain itu masih ada manfaat lainnya yang bisa diambil dengan memasang Navbar ini pada blog.

Nah, di bawah ini merupakan langkah-langkah untuk membuat Navbar tampil secara auto hide pada blog. Bila di template blog Anda Navbarnya sudah hilang, maka Anda harus menampilkan Navbar tersebut terlebih dahulu.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Cari kode ]]></b:skin>. Tekan tombol Ctrl + F pada keyboard kemudian ketikkan kode yang dimaksud untuk mempercepat pencarian.

4. Kemudian copy kode di bawah ini lalu paste di atas kode ]]></b:skin>.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Klik tombol SIMPAN TEMPLATE.

Read More

Cara Menampilkan Navbar Blogger

Bagi rekan-rekan blogger yang tidak menggunakan template bawaan Blogger alias memakai template buatan pihak lain, biasanya tidak mendapati navbar di template tersebut. Hal ini karena pembuat template menyembunyikan navbar tersebut sehingga tidak terlihat oleh mata. Nah, bagi Anda yang ingin menampilkan atau memunculkan kembali navbar tersebut, berikut ini langkah-langkahnya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-back up template. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.

4. Cari kode seperti di bawah ini atau yang mirip-mrip dengan kode tersebut. Tekan tombol Ctrl + F untuk memudahkan pencarian.

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

5. Hapus kode tersebut.

6. Klik tombol SIMPAN TEMPLATE.

Sampai di sini kita sudah berhasil menampilkan kembali navbar Blogger. Sekarang bila Anda ingin mengubah warna navbar atau menyesuaikannya dengan warna template Anda, silakan simak langkah-langkahnya di bawah ini.

1. Klik Rancangan > Elemen Laman.

2. Klik Edit pada elemen Navbar.

3. Silakan pilih warna dari navbar yang Anda inginkan.

4. Klik tombol SIMPAN.

5. Selesai.

Read More