Navbar Blog Auto Hide dan Transparan


Tentunya sobat merasa Navbar pada blogspot membuat blog anda terkesan tidak menarik, namun kabarnya kebijakan Blogspot adalah setiap pengguna blogger harus memasang Navbar pada blognya. Isunya sih, blog yang di delete oleh blogger itu blog yang menghapus secara permanen navbar yang ada di blogspot tersebut. Memang terdengar sangat menjengkelkan dan menyedihkan. Namun sudah banyak penyedia template yang hanya menghiden navbar pada blogspot. 

Namun tech id akan memberikan tips agar Navbar yang kita gunakan itu menjadi Auto Hide, atau bisa muncul ketika didekatkan oleh kursor mouse. Tips ini berawal ketika tech id ingin mengubah Navbar pada templates yang baru dipakai saat ini, yaitu template bawaan blogger yaitu Templates Desainer.
Utuk mencoba hasilnya, sobat bisa arahkan kursor mouse sobat kedatas  judul Tech Id. Dan Lihat haslinya.

Untuk membuat Navbar Blog Anda menjadi Auto Hide dan terlihat transparan, silahkan mencari kode berikut:

body {

Nah, tentunya sobat sudah tahu kan, bagaimana cara untuk mencari kode diatas? jika belum bisa mengikuti langkah berikut:
1. Masuk kedalam Dashboard blog sobat (Tentunya harus Login)
2. Klik Tab Design atau Tata Letak
3. Lalu klik Edit HTML dan centang Expand Widhget Templates
4. Kemudian cari kode seperti diatas lalu paste deh kode kode berikut tepat diatas kode diatas tadi :

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

Maka hasilnya seperti:

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

Selamat mempraktekkan, dan lihat hasilnya.



0 Responses to "Navbar Blog Auto Hide dan Transparan"

Posting Komentar

 
Return to top of page Copyright © 2010 | Klik Icon dot com Converted into Blogger Template by HackTutors