Cara Membuat Efek Hover Gambar di Semua Postingan

satuSobat Bloger..
Tips di bawah ini adalah tentang cara membuat Gambar berubah saat mouse diarahkan di atas gambar (hover). Sebenarnya ada banyak cara atau jenis efek hover yang bisa di gunakan. Tapi kali ini saya hanya akan memberikan salah satu efek hover dengan opacity gambar nya. Efek ini adalah yang menurut saya paling mudah cara membuatnya, dan paling umum di pakai di halaman blog.

baca juga : CARA MEMBUAT SPOILER DI BLOG


Terarik membuatnya ?  langsung aja simak baik-baik caranya seperti berikut :

  1. Pertama silahkan Login ke blogger
  2. Masuk ke Tata Letak
  3. Pilih menu Edit HTML
  4. Centang Expand Template Widget
  5. Kemudian carilah kode ]]></b:skin> ( gunakan Ctrl F untuk mempermudah )
  6. Copy Pastekan kode di bawah ini, tepat di atas kode ]]></b:skin>

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Terakhir Simpan Template dan lihat hasilnya.

Bagaimana, mudah kan. Silahkan dicoba dan semoga berhasil..

Berlangganan konten blog ini:

Komentar 1

Tinggalkan Komentar

Email anda tidak akan di publikasikan. Lengkapi Data di bawah ini :