Sekarang saya akan berkongsi dengan anda, widget perkongsian berputar sosial, yang berputar apabila tetikus berlegar mengikut ke tahap yang anda tetapkan, dan kembali ke kedudukan asal ia apabila jauh dari sosial itu.
Bagaimana Untuk Tambah Spinning Ikon Sosial
Langkah 1
1. Login ke Blogger, Klik Layout :
Langkah 2
Copy kode dibawah ini dan letakkan dalam kontent yang telah anda buka tadi.
<style>
p#rb_socialicons img {
/* Spinning Social Icons Widget By www.jeritanblog.com */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#rb_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Spinning Social Icons Widget By www.jeritanblog.com */
</style>
<center><p id="rb_socialicons">
<a href="http://www.facebook.com/jeritanblog/">
<img border="0" src="http://1.bp.blogspot.com/-N4xPTTdzhPY/UHWQ6CTbY6I/AAAAAAAAB6U/w4CL1vu5cxU/s1600/rb+facebook+icon.png" /></a>
<a href="http://www.twitter.com/nikzhafran/">
<img border="0" src="http://2.bp.blogspot.com/-t07nljnpfIM/UHVfkaIIZ0I/AAAAAAAAB4o/KQW06ImweGE/s1600/rb+twitter+icon.png" /></a>
<a href="https://plus.google.com/u/0/102645638653451045589">
<img border="0" src="http://4.bp.blogspot.com/-7mAzNl7Z7xE/UHVgVwwSIlI/AAAAAAAAB4w/f8BLEHL-E34/s1600/rb+google+plus+icon.png" /></a>
<a href="http://www.feeds.feedburner.com/jeritanblog/">
<img border="0" src="http://1.bp.blogspot.com/-dtAH6z03xg4/UHVh61yRPYI/AAAAAAAAB50/KDXFmydULSk/s1600/rb+rss+feed+icon.png" /></a>
<a href="http://www.youtube.com/jeritanblog/">
<img border="0" src="http://4.bp.blogspot.com/-tEdyw04wQbg/UHVgvQGZP0I/AAAAAAAAB44/Ac4uijqkgj8/s1600/rb+youtube+icon.png" /></a>
</p></center>
Panduan Edit
Untuk tukar (time taken) putarkan ikon, edit je 0.8s
Untuk tukarkan degreeikon berputar,edit je360deg
Semoga berjaya...
0 comments: