Efek Gambar Menjadi Bulat Saat Kena Cursor

Contoh seperti Diatas

Mau Tau caranya ?
Langsung Aja Baca Nihh Tutorial

1.Buka Template ..

2.Cari Kode </head> , Agar Lebih Cepat Tekan CTRL + F

3. Pastekan Kode dibawah ini diatas Kode </head>

<!-- kondisi home -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-body {
padding: 0 0 10px 0;
}
.post img {
width: 100px;
height:100px;
background: transparent;
border: 3px Groove #8aff00;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.post img:hover {
border: 3px Groove #8aff00;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
</style>
</b:if>
</b:if>
<!-- /kondisi home -->

Jika Sudah Klik Simpan Template
Atau Pratinjau Untuk Mengecek Apakah Ada ERROR ^_^
Sekian Postingan Kali Ini ^_^

Sumber

Link Saya Alihkan Ke AdFoc.us sihkalan Klik Skip Pada Pojok Kanan Atas