Kamis, 06 Desember 2012

Tekhnik Blogging - Memunculkan Dan Menghilangkan Navbar Blogger


Trik yang satu ini sangat banyak di bahas dalam blog tutorial, namun ga ada salahnya saya kembali memberikan tips dan trik untuk :

1. Memunculkan navbar yang hilang
2. Menghilangkan navbar yang muncul
3. Gabungan dari ke dua-nya memunculkan sekaligus menghilangkan navbar atau biasa di sebut

Auto Hide Navbar blogger kamu

Navbar apa an lagi tuch!

Navbar Blogger adalah kotak kecil berbentuk horizontal yang tersedia di atas blog blogspot kamu. Memiliki banyak fungsi dia antaranya Navbar memiliki kotak pencarian yang berguna untuk mempermudah kamu mencari konten yang ada di blog tersebut, menuju blog berikutnya dan login, untuk berbagi blog ke Twitter, Facebook, google buzz dan google reader. Juga tersedia pelaporan penyalahgunaan dari kebijakan blogger yang selengkapnya dapat di baca di http://draft.blogger.com/content.g.

Dalam beberapa kasus penghilangan navbar ini bisa melangga TOS dari blogger bersinggungan dengan hak cipta sehingga bisa menyebabkan blog kamu di hapus atau di benned, di karenakan menghilangkan navbar ini. Jadi coba dech di pikir-pikir lagi kalau mau menghilangkan navbar ini.

Kurang lebih seperti di atas penjelasannya. Oke kita mulai Tips dan triknya :

1. Memunculkan Navbar yang hilang

Biasanya jika kamu mendownload Template gratisan atau free template dari layanan website download gratis. Banyak sekali navbar yang di hilangkan dari templatenya, alasannya cukup sederhana. Yaitu Navbar blogger di nilai mengurangi tampilan design dari template tersebut. Jika kamu berniat memunculkannya kembali, sangat mudah. Caranya :

Login ke dasbord blogger > Rancangan > Edit Html kamu kemudian cari Kode :

<b:skin><![CDATA[/*
-----------------------------------------------
      Blogger Template Begajul
-----------------------------------------------
Name           : Begajulan Blogger Template
Converted by   : Mr eblek
Converters URI : http://www.surahman.com/
Tags           : Tech, Technology, Ads Ready, Two Columns, Right Sidebar, Fixed 
-----------------------------------------------
WP.Author Name : WPC-4
WP.Author URI  : http://www.c-4webdesign.com/
----------------------------------------------- */


#navbar, #navbar-iframe {
       display: none;
       }


Hapus Kode :

#navbar, #navbar-iframe {
       display: none;
       }

Dan simpan Template.

2. Menghilangkan navbar yang muncul

Yang selanjutnya adalah memunculkan kembali, ini adalah kebalikan dari cara dia atas pada letak kode yang sama seperti di atas pasangkan kembali kode :

#navbar, #navbar-iframe {
       display: none;
       }

Pada tempat yang sama, kemudian simpan. Maka Navbar blogger kamu akan menjadi hilang.

3. Gabungan dari ke dua-nya memunculkan sekaligus menghilangkan navbar atau biasa di sebut Auto Hide Navbar blogger kamu

Yang terakhir ini cukup istimewa, navbar ini hanya muncul jika tersentuh oleh kursor pointer. Sebaliknya jika tidak terseentuh maka navbar ini akan hilang kembali. Contohnya silahkan arahkan pointer Cursor anda ke atas pada blog ini di atas menu Home saya. Ya kan Muncul? coba jauhkan lagi cursor pointernya, nah hilang lagi kan?.

Caranya : 

Jika sudah ada kode :
#navbar, #navbar-iframe {
       display: none;
       }

Kode tersebut di hapus dan 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)}

Jika tidak ada kode : 
#navbar, #navbar-iframe {
       display: none;
       }

Tidak ada cukup di tambahkan saja di tempat yang sama. simpan kemudian lihat Blog dan arahkan pointer cursor kamu ke atas, gimana keren khan??

Untuk merubah warna navbar sesuai dengan warna design Template kamu

Masuk Ke Elemen Halaman Pada tulisan navbar di atas > Edit

Pilih navbar yang kamu suka beri tanda tik dan simpan

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Created By Hafis JF