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

• 
• 
• 
• 
• 
• 
• 

Download Lagu Lagu BLACK DIT DOT

Baca Yang Ini Juga Yah