Cara Membuat Trik Opacity Gambar Di Blog Cara Membuat Trik Opacity Gambar Di Blog

Kali ini gw mau kasih tau trik opacity, mungkin sebagian orang ada yang belum paham apa itu trik opacity, oke deh gw jelasin, trik ini bertujuan untuk meredupkan gambar di postingan blog dan akan terang jika di sentuh oleh mouse, trik ini juga berguna untuk mempecantik blog supaya orang-orang yang berkunjung ke blog kalian ga bosen dan terkesan menarik.. contohnya seperti ini, coba kalian arahkan ke gambar yang ada dibawah ini!

berikut tutorialnya :

• Masuk dulu ke Blogger sobat
• Pilih "Tata Letak"
• Lalu klik "Tambah Gadget"
• Kemudian pilih HTML/JavaScript

Masukkan script berikut ini :
<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>

Lalu Pastekan di kolom HTML/JavaScript tadi

• Langkah terakhir Save/Simpan, selesai!