Membuat efek gambar blog melengkung

Kali ini aku akan menuliskan tentang cara membuat efek gambar blog melengkung. Image atau gambar yang ada di blog kalau disentuh cursor anak panah mouse akan jadi melengkung cantik seperti gambar di atas. Sebelumnya gambar kalau disentuh cursor seperti di bawah ini:

Langkah membuatnya sebagai berikut:

1.Dashboard

2.Template > edit HTML

3.Expand Template Widget 

4.Tick dan tekan F3 atau CTRL + F dan cari kode:

/* Header 

5.Copy paste kode di bawah ini dan letakkan di atas  /* Header 

*IMAGE ANIMATION*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #000000;padding: 0px;}

6.Tekan pratinjau dulu dan simpan template.

Kalau ukuran mau diubah juga bisa, atau pingin di edit border, warna, etc.