Sign Up To The Free Email Newsletter!

Want to get notified whenever we produce the latest content ? Then subscribe now to start receiving hot updates from today.

Friday, July 15, 2011

Cara buat Avatar miring (rotate) Di Blog

On : 12:09

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

0 comments:

Post a Comment