Cara Menambahkan Animasi Pada Navbar

Hello Sobat Blogger, kali ini Saya akan memberikan Tips yaitu "Cara Menambahkan Animasi Pada Navbar".Ini bagus sob, Navbarnya berisikan Animasi. Bagaimana, Kalian tertarik...? kalau tertarik, silahkan ikuti langkah-langkah di bawah.

[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;}
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
/* General
*/
[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

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

Catatan :
- Boleh berupa kritik dan saran
- Usahakan komentar tidak menyinggung
- Tidak mengandung kata-kata kasar
- Tidak berbau porno
- No spam