[1]. Pertama, pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan -- > Edit HTML.
[3]. Kalau sudah, cari Code body {.
[4]. Kemudian Copy dan Paste-kan Code di bawah ini tepat di ATAS Code body {.
Untuk nevbar yang normal
#navbar-iframe {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUFj6qIH2R_yBlX9ZX0cq5joqiIkqdveNAVXymnH01qNfFNI9ElzqrnFzeAs8Q9vYyu58DUmyy_OXoUTOUZmy2uhgMpOwRPSw5SdW4t_wQroE35RAp_pyKAfrEhHH8aMwsJqM8RKyHHkU/s1600/1b.gif) center repeat;}
Untuk nevbar yang show hide
#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUFj6qIH2R_yBlX9ZX0cq5joqiIkqdveNAVXymnH01qNfFNI9ElzqrnFzeAs8Q9vYyu58DUmyy_OXoUTOUZmy2uhgMpOwRPSw5SdW4t_wQroE35RAp_pyKAfrEhHH8aMwsJqM8RKyHHkU/s1600/1b.gif) center repeat;}[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
/* General
*/
NB :
- Tulisan yang berwarna Biru, adalah URL Gambar Animasinya. Kalian bisa menggantinya dengan Gambar Animasi yang Kalian suka.
- Dan jika di atas Code body { ada Code yang seperti di atas, hapus saja Codenya dan ganti dengan Code di atas.
Semoga Berhasil...!!! ^_^

0 Response to "Cara Menambahkan Animasi Pada Navbar"
Posting Komentar
- Boleh berupa kritik dan saran
- Usahakan komentar tidak menyinggung
- Tidak mengandung kata-kata kasar
- Tidak berbau porno
- No spam