Diberdayakan oleh Blogger.

Cara Membuat Animasi Di Navbar

Kali in kita akan menggunakan permainan hover effects dan opacity effects yang mampu menciptakan transparansi, sehingga sebuah background image mampu tertampilkan di navbar. Contoh nya klik disini.

Cara Membuat Gambar Animasi dan Gambar Avatar atau Photo di tampilkan di Navbar :
  • Login to Blogger (Login ke Blogger)
  • Dasboard (Dasbor) : Setelah masuk dasbor lanjutkan KLIK "Layout (Tata Letak)" kemudian KLIK "Edit HTML"
  • Cari Kode ]]></b:skin> ,
  • Copy Kode : Copy Kode berikut dan letakkan di atasnya :

    #navbar-iframe{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);background:#000 url(http://www.tochkali.com/fire-GIF.gif) center repeat;} 
    #navbar-iframe:hover{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);}

  • Simpan Template : KLIK "Simpan Template (Save Template)"
  • Jangan lupa untuk selalu melakukan pengamanan template terlebih dahulu sebelum perubahan desain blog dilakukan.
  • Ganti gambar yang disertakan di kode penampil photo atau animasi di atas dengan gambar milik sampeyan sendiri.
  • Apabila display navbar sebelumnya telah di sembunyikan, maka harus dibuka kembali.
  • Di opera dapat berfungsi dengan sempurna.
Bagikan :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat Animasi Di Navbar"

coment anda sangat bermanfaat.......

 
Template By Kunci Dunia
Back To Top