Membuat Tampilan Gambar Profile Blog Penuh Gaya

Askum all..!!!
Sesuai judul di atas ,b-arjem akan mencoba menjelaskan bagaimana cara membuat gambar profile blog penuh gaya , yang di maksud dengan penuh gaya adalah saat cursor berada di atas  gambar profile maka gambar akan bergeser ke kanan lalu jatuh dan berputar, begitu juga saat cursor menjauh maka gambar akan bergeser ke kiri lalu naik dan berputar, untuk lebih jelasnya arahkan cursor sobat pada gambar profile blog ini,

Bagi sobat yang ingin mencobanya silahkan ikuti tutorial berikut ini

1. Login ke blog sobat tentunya
2. Masuk dasboard klik panah kebawah pilih template lalu klik Edit HTML
3. Cari kode ]]></b:skin> tekan ctrl+f untuk mempermudah pencarian
4. Copy  kode di bawah ini & pastekan tepat di atas kode ]]></b:skin>  

.profile-img{
-webkit-transition-property: left, top, background, -webkit-transform;
-webkit-transition-duration: 2s, 2s, 1s, 1s;
-webkit-transition-timing-function: ease-out, ease-in, linear, ease-in-out;
-webkit-transition-delay: 0, 0, 0, 1s;
}
.profile-img:hover {
left: 100px;
top: 100px;
background: red;
-webkit-transform: rotate(360deg);
}

    5. Terahir save/simpan template & lihat hasilnya