-moz-transform
dan membuat widget sosial sederhana dengan CSS3 widget effect.This berputar pasti akan membantu Anda untuk meningkatkan jumlah pelanggan sosial juga akan menarik pembaca Anda dan pengunjung diperebutkan tikus perhatian quickly.On membawa mereka berputar (berputar) beberapa derajat dan ketika mouse melayang di atas itu mereka kembali ke posisi semula, efek ini disebabkan oleh properti CSS3 yang saya sebutkan above.Now memungkinkan pergi ke tutorial dan melihat bagaimana cara menambahkan mereka ke dalam blog blogger.ikuti langkah di bawah ini untuk menambahkannya ke blog Anda.
- Pilih gaya apapun di bawah ini
- Copy kode
- Ganti username saya dengan Anda
- Pergi ke Blogger Dashboard> Layout
- Klik Tambah Gadget
- Pilih HTML / JavaScript
- Paste kode Anda dan menyimpannya.
<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By Kokoflom */
-moz-transition:
all
0.4
s ease-in-out;
-webkit-transition:
all
0.4
s ease-in-out;
-o-transition:
all
0.4
s ease-in-out;
-ms-transition:
all
0.4
s ease-in-out;
transition:
all
0.4
s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(
120
deg);
-webkit-transform: rotate(
120
deg);
-o-transform: rotate(
120
deg);
-ms-transform: rotate(
120
deg);
transform: rotate(
120
deg);
}
/* Spinning Social Icons Widget By Kokoflom */
</style>
<
center
><p id=
"hb_socialicons"
>
<a href=
"http://www.facebook.com/eckoo.pratama/"
>
<img border=
"0"
src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Mzf_CWRnv5kpA3AFLiiSvmu-3o1pm26Tr9uRtFoTQ7YoOQH1zhUDkImIVOt4GyJeZ6MJ1BRWljkvvrY_vSO-masY_Z8Wo-RrAE14UX0dhoaSqYxC6Qf1pFrcYpUJp-Sl5_nrtXyt_Wo/s1600/helperblogger.com-facebook.png"
/></a>
<a href=
"http://www.twitter.com/eckoo_poetra/"
>
<img border=
"0"
src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3Fy2MLDoNvdhyphenhyphennLm3Gf-jgSQ2gp8fPJrEQOicZ9F6JXVpoJdNuX6asw5hKy6lyxlaEMByMnNBlumYtRMveh7r-7gVdx7N2sib4QkSW6t2AzBWGbBgZoio6zCbhQSfPSuY0lvNKWL1Ys/s1600/helperblogger.com-twitter.png"
/></a>
<a href=
"https://plus.google.com/u/0/106527290580119996124"
>
<img border=
"0"
src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOk1g_qJnLZ3jLjTaMz3AXT_raUy40-qRa_WVGzu-NtprjdjZs3zPJSIXGrIMyxEnxkcFsQ-Q5tA_HjFFVuIjWRbhgGjgPSDyJc5j8hwQlp9OFi8QQIV9J3gwKr6Zl9dUYD0tMNhy4FwA/s1600/helperblogger.com-google_plus.png"
/></a>
<a href=
"http://www.feeds.feedburner.com/kokoflom/"
>
<img border=
"0"
src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDeydqaPbYgw4TmnG0xlelgmfe48O2WiRNmtWxnBnHPXeK4bWOjaHMpPNva6FThVwsoJMi848jYbwhifiPmBtKEZTjTymjAakoNIym8sMEIob7JS5g630pcxdD7twmZbcQ6Q6pKSTF7M/s1600/helperblogger.com-rss.png"
/></a>
<a href=
"http://www.youtube.com/kokoflom/"
>
<img border=
"0"
src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVA6D8UQG1vQtSYasbBZXh8fNtPQNKwPycZ7lubgVFR3w8puLnSpBVJarKdnHyPJ5AsCtFDaZQz2F9oLrd0_RIKfGDeQ25iSoJ8cTmbiJ6lpHWmjBNgpVSfn96RD2DMf2LD8Ykwse9d7I/s1600/helperblogger.com-youtube.png"
/></a>
</p></
center
>
Save Widget Nya :)
Thx
{ 0 komentar... Views All / Send Comment! }
Posting Komentar