Tutorial Cantikkan Gambar Pengomen

419946_421352017953434_779871378_n_large

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 

3 comments:

shella said...

salam iema.. sy dah cba buat tp kod tu xjmpa la.. mcm mn erk.. uuu

iema said...

@Mami Leesya wslm.. sowie iema da lme x on9 blog..iema da lme x main2 ngan kod ny

iema said...

@Mami Leesya yg nie ke akq tnye ary toe??