Tutorial Cantikkan Gambar Pengomen

sebelum

selepas
hye iema nax tunjukkan cara cantikkan gambar pengomen (for simple template) lihat gambar di atas... sebelum dan selepas guna tutorial nie gambar toe nanti berpusing taw nax buat macam toe jugax jom follow tutorial nie  P/S : nax copy, highlight dan guna ctrl + c  Dashboard -> Template -> Edit HTML -> Tick Expand Widget Templates  ctrl + f, cari kod nie

.avatar-image-container {

 kod nye akan lebih kurang macam nie

.avatar-image-container {   margin: .2em 0 0; }
#comments .avatar-image-container img {   border: 1px solid $(image.border.color); }

 korang gantikan kod toe dengan kod nie

.avatar-image-container{ background:#FFE2E2; padding:5px; border-radius:50%; }
.avatar-image-container img{ -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; border-radius:50%; }
.avatar-image-container img:hover{ border-radius:50%; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; }

color biru ubah warna background untuk sekeliling gambar toe  dah siap, preview... kalau tax ade pape error, boleh save  korang bukak mane2 entry korang yang dah ade pengomen  menjadikan... tepuk tangan cepat  selamat mencuba 

NOTA : saje cuba ubah kod malam tadi... tax sangka menjadi pulax... toe yang nax kongsi dengan korang nie 

Tweet