Selamat datang ke BelajarBlogs...
Home » , » Buat effect gambar terang dengan opacity effect

Buat effect gambar terang dengan opacity effect



Image opacity effect merupakan effek yang berlaku apabila cursor mouse diletakkan di atas sesuatu image yang terdapat pada bahagian post.

Tutorial ini membuatkan gambar menjadi terang apabila cursor mouse diletakkan ke atas gambar.


Langkah 1

1. Login ke Blogger, Klik Design :
2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;
3. Pilih HTML/Javascript;

Langkah 2
Copy kode dibawah ini dan letakkan dalam kontent yang telah anda buka tadi.

<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>

Selepas itu klik Save dan anda boleh lihat hasilnya..

4 ulasan:

  1. memang bagus sangat untuk rakan blogger yang mahu blog kelihatan selalu cantik

    BalasPadam
  2. salam..
    jimat masa loading
    tak bro..?kalau jimat
    nak buat juga nih :)

    BalasPadam
  3. @zulkbo
    ermm x ...tapi untuk ceriakan blog bolehlah

    BalasPadam