Cara Membuat Efek Hover Pada Gambar Disetiap Postingan Blog

Tips dan Triks ini adalah tutorial cara membuat Gambar berubah saat moude diarahkan tepat pada gambar. Khusus untuk tutorial ini, saya memberikan efek Hover Transparan. untuk Contohnya bisa dilihat pada blog ini dimana setiap postingan yang memiliki gambar akan berefek Hover.

Oke langsung saja kita ke TKP.

Cara Membuat Efek Hover Pada Gambar DiBlog

Disini Tips dan Triks ini adalah tutorial cara membuat Gambar berubah saat moude diarahkan tepat pada gambar. Khusus untuk tutorial ini, saya memberikan efek Hover Transparan. Untuk Contohnya bisa dilihat pada blog ini dimana setiap postingan yang memiliki gambar akan berefek Hover.

LanjutBatalkan

Perihal Lisensi

Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.

Tutorial di desain oleh Sector230. Anda boleh mengedit tutorial ini, tapi anda tidak diijinkan menghapus Credit yang telah dibuat. Hargailah kerja keras orang lain, supaya mereka dapat mengcreasikan sesuatu yang baru lagi. Suport by Adobe Flash Player Kebijakan dan Privasi http://sector230.blogspot.com/2013/03/kebijakan-privasi.html Jika anda telah menyetujui lisensi diatas, anda bisa melanjutkan pemasangan.

MundurSetujuBatalkan

Tutorial Memasang Part 1

Pilih Tab Template lalu klik Edit HTML Letakkan CSS berikut di atas ]]></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}

MundurLanjutBatalkan

Konsep Instalasi Selesai

Terimakasih anda telah memasang Tutorial Gambar dengan Efek Hover, semoga dapat bermanfaat. by Sectot230 Copyright © 2013

Selesai

1. Setelah selesai, jangan lupa Save template sobat.
2. Semoga berhasil.

Open Instalasi