Modifikasi Tampilan Navigation Bar

Unknown

Blogger Tricks

Minggu, 07 Oktober 2012

Belum ada komentar

Hanya Ingin Berbagi - Navigation Bar atau NavBar pada blogger dapat diubah dengan cara mengganti design dan warnanya.  Pemilihan warna NavBar ini sebaiknya disesuaikan dengan tampilan warna blog anda.

Berikut ini cara mengganti design NavBar :

• Login ke blogger dengan ID anda klik tab Rancangan lalu klik tab Elemen Laman

• Pada bagian NavBar, klik link Edit

• Akan terbuka jendela baru (window). Pilihlah salah satu design NavBar yang sesuai dengan tampilan warna blog anda.  Setelah itu klik tombolo SIMPAN.

Menghilangkan NavBar :

Navbar sebenarnya dimaksudkan untuk membantu mejelajahi blog, namun jika anda lebih memilih untuk menyembunyikan atau menghilangkan Navbar dari blog anda brikut ini adalah cara yang bisa di terapkan di blog anda :

• Login ke bolgger dengan ID anda lalu klik tab Rancangan kemudian klik tab Elemen Laman 

• Cari kode pada template blog seperti ini : ]]></b:skin>

• Setelah itu masukkan kode di bawah ini tepat diatasnya :

#navbar-iframe { display: none !important; }

•  Simpan template dengan menekan tombol SIMPAN TEMPLATE 

• Jika kode berhasil disimpan, akan muncul pesan Perubahan Anda telah disimpan.  Lalu klik link Lihat Blog, perhatikan bahwa NavBar telah berhasil dihilangkan dari halam blog

Untuk Menyembunyikan NavBar :

• Login ke bolgger dengan ID anda lalu klik tab Rancangan kemudian klik tab Elemen Laman  

• Cari kode pada template blog seperti  : ]]></b:skin>

• Setelah itu masukkan kode di bawah ini tepat atasnya :

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

• Simpan template  anda dan periksa hasilnya