Cara Membuat Efek Kedip pada Gambar di Blog


       Hey Sob? kali ini saya akan membahas cara bagaimana caranya untuk membuat efek kedip gelap terang pada gambar di blogger atau bisa disebut juga dengan efek hover. Efek hover ini dapat menjadi percantik blog anda karena dengan di tambahkannnya efek ini membuat blog anda semakin canggih di lihat oleh orang yang membaca dan melihatnya. 

       Efek kedip gelap jika tidak di sentuh dan terang ketika di sentuh oleh mouse di gambar itu yang di sebut dengan efek hover. Efek Hover merupakan efek yang membuat gambar menjadi transparan ketika gambar tersebut di sentuh atau di lewati oleh kursor mouse, nilai transparan menjadi 0%. Oke bagi anda yang penasaran dengan cara membuat efek kedip atau efek hover pada blog dengan css silahkan saja ikuti cara berikut ini.

Cara Mudah Membuat efek Hover

1. Login pada blog anda

2. Masuk menu "Template" dan klik "Edit HTML"

3. Lalu anda cari kode "]]></b:skin>" (gunakan ctrl+f untuk mempermudah pencarian dan tidak menggunakan tanda kutip)

4. Masukan kode di bawah ini tepat diatas kode ]]></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;
}

5. Lalu "Save Template"

6. Sekarang buatlah entri baru atau edit postingan anda yang ingin di berikan gambar dengan efek kedip hover

7.  Klik menu "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="http://1.bp.blogspot.com/-BD2jBhuk1m8/VZbHsRN_1mI/AAAAAAAAFyE/YmbSIPPAN1k/s1600/masuk%2Bpintu.jpg" /></a>

Keterangan : 
  • Ganti kode yang berwarna merah dengan link blog anda
  • Ganti kode yang berwarna biru dengan link gambar yang ingin diberi efek Hover



9. Terakhir "Publish" atau save, dan lihat hasilnya.

Oke mungkin itu saja yang bisa saya berikan mengenai artikel ini, semoga dengan apa yang sudah saya berikan ini dapat bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapatkan info serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar anda. Terimakasih.

Previous
Next Post »

► Dilarang meninggalkan link aktif
► Dilarang komentar yang mengandung sara, pornografi dsb.
► Semoga artikel bermafaat
► Terimakasih sudah berkomentar :)
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Powered by Blogger.