Image Effect Bergerak Untuk Blogspot

Gambar memainkan peranan yang besar dalam blogger, dengan menggunakan imej yang anda boleh menyatakan pendapat atau anda boleh memberitahu mengenai artikel .Kali ini saya akan menunjukkan tutorial bagaimana untuk automatik memutar gambar blogger beberapa apabila mana-mana pelawat megenakan cursor pada gambar .Untuk lebih lanjuk bolehlah ikuti demo dan seterusnya mengikut tutorial dibawah ini

Bagaimana Untuk Tambah Image effect 

Langkah 1) Dari Blogger Dashboard, pergi Templates and klik pada Edit HTML
                     (Jangan lupa Download Copy of your template dahulu )

Langkah  2) Cari kode dibawah ini .

]]></b:skin>

Langkah 3) Selepas itu copy kode dibawah dan pastekan di kode yang anda cari tadi.

.post img {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}

Langkah 4) Klik Save templates

Semoga berjaya.....