Cara Menghilangkan Navigasi Bar Blogspot

Sebagian orang ada yang suka akan keberadaan navigasi bar ini. Tapi tak sedikit juga yang menyukainya. Pada dasarnya banyak manfaat akan keberadaan navigasi bar ini, selain digunakan sebagai hiasan (menurut saya) juga dapat memudahkan kita karena di dalam navigasi tersebut terdapat link yang menuju ke entri baru, rancangan, sign out dan lain sebagainya. Hal tersebutlah mungkin yang membuat para blogger menyukainya. Buat yang kurang sedap di matanya akan keberadaan navigasi tersebut, berikut saya beri bagaimana cara menghilangkannya. Cukup mudah tinggal copy kode yang saya berikan kemudian pastekan di tempat yang saya maksudkan.

1. Login ke blogspot. Pilih rancangan lalu klik edit html. Jangan lupa back up template terus centang di expand widget
2. Terus copy kode yang ada di bawah ini

/* -- Hide navbar -- */
#navbar{height:0px ; visibility:hidden; display:none}

3. Pastekan tepat di atas kode yang seperti/mirip dengan ini

/* -- Main -- */
body{
width:980px; background:#000 url(http://lh4.ggpht.com/_7Y9pl24WpQY/Ss3-5FwOlwI/AAAAAAAAB20/t0KDHUMkcRA/bg2_thumb%5B1%5D.jpg?imgmax=800) repeat-x; margin:0 auto; padding:0; font:12px verdana; text-align:left; color:#333}

.updateinfo{display:none}
a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#006699; text-decoration:underline}
#main .post-body a:link{ color:#006699; text-decoration:none}
#main .post-body a:visited{ color:#006699; text-decoration:none}
#main .post-body a:hover{ color:#006699; text-decoration:none}
a img{ border-width:0}
.post-body img{ margin:5px; border:1px solid #444}
#main-wrapper a:link{ color:#006699; text-decoration:none}
#main-wrapper a:visited{ color:#006699; text-decoration:none}
#main-wrapper a:hover{ color:#006699; text-decoration:none}
.blank {clear: both;}

4. Proses selesai dan selanjutnya klik simpan template

5. Jika suatu saat bermaksud untuk menampilkannya kembali, tinggal hapus kode no. 2

Related Posts