Tutorial : Image hover versi 1

Okay. Tutorial ini untuk image hover terang. Bila kita letak cursor dekat gambar dia akan menjadi terang.

1. Blogger > Add a gadget > HTML / JavaScript.
2. Copy dan paste kan code ini di HTML / JavaScript.

<style>
    /* ----- Image opacity effect 2 ----- */
    .post a img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    }
    .post a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
    }
    </style>

3. Preview dan save.
4. Dah siap. Senang kan?