Memberi Efek Hover Transparan Pada Semua Image Post

Untuk memberi efek hover transparan pada image post lumayan mudah (menurut Bung Hasta, hehe . . .), cuma menambah beberapa kode CSS dan sedikit jampi jampi (hehe . . .dah kaya dukun adja nich Bung Hasta).

Dah ach, dari pada Bung Hasta tambah ngacho, mendingan langsung adja cek ke TKP. Cekidot !!!
  • Seperti biasa login ke Blogger dulu
  • Sampai di Dasbor Blogger, kemudian masuk halaman Rancangan dan pilih Edit HTML
  • Cari kode .post img { (setiap template beda beda)
  • Kalau sudah ketemu, tambahkan kode berikut disamping kanan kode .post img { tadi

    opacity:0.6;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    -webkit-opacity:0.6;

  • Kemudian tambahkan kode berikut diatas kode ]]></b:skin>

    .post img:hover {
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    -webkit-opacity:1;
    }

  • Kemudian Simpan Template
Gimana??? Mudah kan??? (heheh. . .)

Penampakannya bisa di lihat disini

Selasa, 15 Februari 2011

Posting Komentar