Neh ane kasih demo nya :
lencana barge facebook saat disentuh Mouse berputat-putar

Demo

Berikut langkah - langkah nya
1. Login ke Akun Blogger
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template
4. Cari kode ]]></b:skin>
Kemudian paste kode ini di atas nya

#dai-detectedimgfb:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
#dai-detectedimgfb{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

Kemudian Masuk Kebagian rancangan, tambah gatget HTMLjavascript
paste kode ttersebut

<div id='dai-detectedimgfb'><center><a href="URL FACEBOOK ANDA" target="_blank"title="nama tittle"><img src="URL FOTO FACEBOOK ANDA" width="120" height="203" style="border: 0px;" /></a></center></div>

NB ..
dibagian URL FACEBOOK ANDA, ganti dengan URL facebook anda misal Http://www.facebook.com/japarus

dibagian URL FOTO FACEBOOK ANDA, ganti dengan url foto anda





sumber: http://www.japarus.com/2011/09/foto-di-sentuh-mouse-berputar-putar.html#ixzz22rDLvhgf