Membuat rounded corner pada post image versi saya !

1. Login blogger >> Rancangan >> Edit HTML
2. centang pada " Expand Template Widget "
3. Cari code .post img{
4. Jika ketemu akan ada .post img{ blablabla..... } blablabla..... hanya contoh jadi blablabla..... di hapus di ganti dengan :




-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;

5. Dan menjadi seperti ini :

.post img{-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;

Sudah jadi silahkan di lihat image di postingan anda pasti melengkung!!

Beri JEMPOL ^_^

Posting Komentar - Back to Content