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.
Selamat mencoba dan semoga bermanfaat.
0 comments:
Posting Komentar