Membuat Gelap Terang Gambar Pada Blog

Ok, Sebelumnya saya pernah share Membuat Fans Page Banyak Like. Nah, kali ini saya akan berbagi sebuah tips lagi yaitu Membuat Gelap Terang Gambar Pada Blog. Tips ini ada 2 pilihan  yaitu Efek yang muncul hanya pada postingan yang dikehendaki dan efek yang ada di seluruh postingan .Langsung saja sob berikut cara pemasangannya.

1. Efek ini hanya muncul pada postingan yang dikehendaki oleh sobat. Pemasanganya pun langsung di postingan
  • Efek Gambar Gelap Ke Terang
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG-_kHjFQtVwHcpTuw1Jyi9e5QtWihD2DhyphenhyphenXPFS5GjlREPGonlTqdt7Dl4-Goa0ApF4xA6uTGnPQgI6zC_CP9Tw4PR41ip_LjSrgzE-aJtSdHTub52XiEm1ch_zUgD60ymlwM81K5WvjNN/s1600/zOOM.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/>
  • Efek Gambar Terang Ke Gelap
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG-_kHjFQtVwHcpTuw1Jyi9e5QtWihD2DhyphenhyphenXPFS5GjlREPGonlTqdt7Dl4-Goa0ApF4xA6uTGnPQgI6zC_CP9Tw4PR41ip_LjSrgzE-aJtSdHTub52XiEm1ch_zUgD60ymlwM81K5WvjNN/s1600/zOOM.png" style="opacity=1;filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>
2. Efek yang muncul di seluruh postingan blog.
  • Login ke Blogger.
  • Pergi ke Template > Edit HTML > Centang Expand Template Widget.
  • Kemudian cari kode  ]]></b:skin> .
  • Selanjutnya pilih salah satu kode dibawah dan simpan kode tersebut  tepat diatas kode ]]></b:skin> . 
  • Efek Gelap Ke Terang
.post img { opacity:0.4; filter:alpha(opacity=40) } .post img:hover { opacity:1; filters.alpha.opacity=100 }  
  • Efek Terang Ke Gelap
.post img { opacity:1; filters.alpha.opacity=100 } .post img:hover { opacity:0.4; filter:alpha(opacity=40) }
  • Langkah Terakhir Save.
Sekian Tips Membuat Gelap Terang Gambar Pada Blog. Oh, iya sobat juga bisa modifikasi kode diatas sesuai keinginan sobat.
Selamat mencoba dan semoga bermanfaat.

Share:

Related Posts:

0 comments:

Posting Komentar