Followers


Navbar Blog Auto Hide dan Transparan

Posted by Hari Sobri

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.


Klik tombol like diatas... Jika anda menyukai artikel ini.
Terima Kasih telah mengunjungi Blog ini,
Jangan lupa untuk memberikan komentar, kritik maupun saran pada form dibawah post ini...

Share / Bagikan Artikel ini ke teman Anda :

{ 0 comments ... Tambahkan Komentar Anda }

Post a Comment

BERIKAN KOMENTAR DI SINI !!