Menghilangkan Navbar

Bagi para pengguna blogspot atau blogger , kadang kala kita merasa kurang nyaman dengan adanya navbar yang terletak di bagian atas blog kita . Apa pengertian navbar itu sendiri ?

The Blogger Navbar appears by default at the top of every Blogger-powered blog. 1


Jadi , berdasarkan pengertian dari help blogger , navbar akan terlihat pada bagian atas setiap blog untuk blogger yang menggunakan bogspot , blogsome , dan sejenisnya . secara otomatis jika kita tidak melakukan perubahan , maka navbar akan terus ada di bagian atas blog kita .

Berikut gambar dari navbar yang saya maksud :



Navbar menyediakan beberapa feature , diantaranya :
* [B]: membawa kita ke blogger home . jika kita sudah log in , maka kita akan di bawa ke dasbor blog kita .
* Search Blog: mencari blog yang akan kita lihat . hasilnya akan terlihat langsung pada halaman Anda .
* Flag Blog: memberi tanda apakah blog kita termasuk blog yang layak dibaca atau tidak .
* NextBlog: membawa kita kepada blogger blog secara random , berdasarkan update yang paling baru .
* [email address]: jika kita sudah log in , maka alamt e-mail akan terlihat di sini . alamat yang kit alihat adalah alamat e-mail kita sendiri . bukan alamat e-mail orang lain . jika belum login ke blogger , anda tidak akan melihat e-mail anda .
* Dashboard: jika kita sudah log in , maka tombol ini berfungsi mengembalikan kita ke dasbor blog kita .
* Sign In/Out: tampilan ini menunjukkan apakah kita sudah sign in atau belum . jika sudah , maka yang muncul adalah "sign out" dimana itu berfungsi mengeluarkan kita dari blogger . sedangkan apabila belum log in , maka tampilan yang muncul adalah "sign in" .


Cara Menghilangkan Navbar :

Jika Anda merasa terganggu dengan keberadaan navbar ini , Anda bisa mencoba cara berikut :

1. masuk ke bagian kustomisasi -> edit HTML .
2. copy paste code di bawah . sebelumnya , saya sarankan agar memback up dulu data template Anda dengan mendownload template yang sedang Anda gunakan [klik "download template lengkap " pada bagian backup /restore template] . Jadi jika terjadi kerusakan , Anda tinggal copas dari back up yang sudah tersedia .

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

3. taruh code di atas di bawah nama blogskin yang Anda pakai . Misalkan , Anda menggunakan template lama , maka Anda akan dapati :

/*-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */


copas code pada nomer 2 di bagian bawah nama template seperti contoh di atas . hasilnya akan seperti ini :

/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}



4. klik simpan template .

sebagai catatan , sebelum Anda menghilangkan tampilan navbar ini , ada baiknya kita memperhatikan beberapa hal :

1. Pertimbangkan darimana Anda akan log in . Pada navbar ada link untuk log in ke blog kita . Jika itu dihilangkan , Anda akan kesulitan untuk log in . Maka ada baiknya Anda memberi link untuk log in ke blog Anda .
2. Tidak ada link untuk kembali ke dasbor kita . Setelah kita blog-walking , kadangkala kita ingin memposting sesuatu . Dan link untuk kembali ke dasbor sudah tidak ada . Maka sediakan satu tab yang berada pada blogger dasbor .

UPDATE :

setelah membaca postingan dari kang agus bahwa menghilangkan navbar itu termasuk pelanggara TOS (Term of Service) dari Blogger , maka ada baiknya code pada langkah ketiga di ganti dengan kode berikut :

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


Fungsi dari kode ini adalah auto hide . Jadi tidak menghilangkan navbar secara permanen . Jika Anda mengarahkan kursor pada bagian atas header , maka navbar akan muncul . Jika Anda alihkan , navbar akan menghilang .

footnote :
[1] http://help.blogger.com/bin/answer.py?hl=en&answer=42269

Labels:

4 comments:

  1. sarah said...:

    ooo..bgeitu y..mksh infonya y
    mksh y udah mampir k blogQ
    salam kenal

    -sarahtidaksendiri.wordpress.com-

  1. Ahmad Sheva said...:

    yah , , bagi-bagi ilmu lah mbak . hasil dari melihat HTML code yang bejibun . hehe .

    salam kenal juga mbak .

  1. adhil7145 said...:

    thank's mas agus atas tips dan triknya.....

  1. mulyana post said...:

    ok mantabh sob,,,,,,,,thnks yua,,,,,

Post a Comment

It is my pleasure to get your best respond through your comment

Quotes of the Day

Recent Comments

Followers

Shev's bookshelf: read

OutliersKetika Cinta Bertasbih5 cmLaskar PelangiSang PemimpiEdensor

More of Shev's books »
Shev Save's  book recommendations, reviews, favorite quotes, book clubs, book trivia, book lists