cyb3rSelamat Datang di G.M.B-Sichidaime. Silahkan Follow dan Like Fans Page. Thx 4 Visiting my Blog. Online Peoples Join This Site
Visit Blognya | Baca Postnya | Sedot Ilmunya XKRESSSX-TECHNOLOGY David As'chri chielietonga 06 gmb-sichidaime gmb-sichidaime gmb-sichidaime gmb-sichidaime gmb-sichidaime
Photobucket Photobucket

» » Cara Membuat Efek Hover Pada Gambar Disetiap Postingan Blog

Cara Membuat Efek Hover Pada Gambar Disetiap Postingan Blog

Diposting oleh Mr.Recoil - 0 komentar
Tips dan Triks ini adalah tutorial cara membuat Gambar berubah saat moude diarahkan tepat pada gambar. Khusus untuk tutorial ini, saya memberikan efek Hover Transparan. untuk Contohnya bisa dilihat pada blog ini dimana setiap postingan yang memiliki gambar akan berefek Hover.

Untuk tutorialnya, ikuti langkah berikut ini :

  1. Login ke blogger
  2. Masuk ke Tata Letak
  3. Pilih menu Edit HTML
  4. Centang Expand Template Widget
  5. Cari kode ]]></b:skin>
  6. Letakan kode di bawah ini, tepat di atas kode ]]></b:skin>
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Selamat Mencoba..
Label:

Ditulis Oleh : Mr.Recoil ~ H.G.C Syndicate

Terima Kasih banyak karena anda telah memasuki Blog saya, sering-seringlah masuk ke Blog saya yeng sederhana ini agar bisa mendapatkan artikel yang bermanfaat dari Blog saya ini. Mohon maaf Jika ada kesalahan dalam kata-kata saya ini. Om Shanti Santhi Santhi Om


Artikel Terkait Lainnya :



Posting Komentar