Google Translate
Arabic Korean Japanese Chinese Simplified Russian Portuguese English French German Spain Italian Dutch
ISI KOMENTAR DI BAWAH POSTING SEKECIL APAPUN SANGAT BERARTI BAGI BLOG INI TERIMA KASIH ATAS KUNJUNGANNYA...

Selasa, 27 April 2010

Cara Auto Hide Navbar

Bagaimana membuat Navbar yang ada di baris paling atas halaman blog kita agar kelihatan transparan atau menghilang.

Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian penulis akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.

Mau Tahu caranya....


1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Silahkan cari kode berikut ini #navbar-iframe { ha..ha...ha..ha }
5. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :

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

kode untuk tidak kelihatan sama sekali (menghilang) :
  1. Sign in di blogger
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
  5. Copy kode berikut lalu paste di atas kode ]]></b:skin>

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

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

Atau cari kode <Body> kemudian copy scripini di bawahnya kode tersebut

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

6. Klik Pratinjau untuk melihat hasil kerja anda
7. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda
8. Selesai

Semoga Bermanfaat

0 komentar:

Posting Komentar

Apapun Komentar anda di posting ini sangat berarti bagi blog ini, dilarang span....