Monday, May 9, 2011

Cara buat Avatar miring (rotate) pada bagian comment



Akhirnya saya online juga, saya akan membahas tentang gambar koment miring. Untuk membuat image avatar pada bahagian comment blog menjadi miring(rotate) seperti yang anda lihat pada gambar diatas ataupun contoh pada bagian comment blog ini, hanya ikuti beberapa langkah yang mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, tekan F3 ataupun Ctrl+F, ketik atau paste kod ]]></b:skin> pada ruang Find dan seterusnya tekan Enter.

Langkah 3

Salin kode di bawah dan paste kode tersebut atau diatas kod ]]></b:skin> pada script template (lihat  langkah 2)

.avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}
Contoh:
 .avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}
]]></b:skin>
terakhir, klik Preview. Jika tiada peringatan error, klik Save

No comments:

Post a Comment