Hey Sob? kali ini saya akan membahas cara bagaimana caranya untuk menciptakan imbas kedip gelap terperinci pada gambar di blogger atau sanggup disebut juga dengan imbas hover. Efek hover ini sanggup menjadi percantik blog anda alasannya yakni dengan di tambahkannnya imbas ini menciptakan blog anda semakin canggih di lihat oleh orang yang membaca dan melihatnya.
Efek kedip gelap bila tidak di sentuh dan terperinci dikala di sentuh oleh mouse di gambar itu yang di sebut dengan imbas hover. Efek Hover merupakan imbas yang menciptakan gambar menjadi transparan dikala gambar tersebut di sentuh atau di lewati oleh kursor mouse, nilai transparan menjadi 0%. Oke bagi anda yang ingin tau dengan cara menciptakan imbas kedip atau imbas hover pada blog dengan css silahkan saja ikuti cara berikut ini.
1. Login pada blog anda
2. Masuk hidangan "Template" dan klik "Edit HTML"
3. Lalu anda cari arahan "]]></b:skin>" (gunakan ctrl+f untuk mempermudah pencarian dan tidak memakai tanda kutip)
4. Masukan kode di bawah ini sempurna diatas arahan ]]></b:skin> tadi
a.thumbopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.thumbopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.thumbopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
5. Lalu "Save Template"
6. Sekarang buatlah entri baru atau edit postingan anda yang ingin di berikan gambar dengan imbas kedip hover
7. Klik hidangan "HTML"
8. Masukan kode di bawah ini pada gambar yang ingin anda beri efek
<a href="http://www.blogsejutaumat.com" class="thumbopacity" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimd7MCGAdTD-CAQ7oG0zR4tDUpivD5kLxvaDDBnCC_oL9SvrhEuH5qiuM8hVRiSQsK3kKxqUnJ6kiqP_kl5M-9pdsxecPVBXZ7lZxY55WkLjVjcePjkw62slbx4vYNiIzPIhqrSjMdi4A/s1600/masuk+pintu.jpg" /></a>
Keterangan :
- Ganti arahan yang berwarna merah dengan link blog anda
- Ganti arahan yang berwarna biru dengan link gambar yang ingin diberi imbas Hover
9. Terakhir "Publish" atau save, dan lihat hasilnya.
Oke mungkin itu saja yang sanggup saya berikan mengenai artikel ini, biar dengan apa yang sudah saya berikan ini sanggup bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapat isu serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan sanggup isi pada kolom komentar anda. Terimakasih.
Buat lebih berguna, kongsi: