ايقونات مواقع التواصل الاجتماعى متحركة بتقنية css على بلوجر Blogger

مشرفي موقع "نيُو تِكْ" يرحبون بكم في هذا الموضوع.

بسم الله والصلاة والسلام على رسول الله ,مرحبا بكم اخواني من جديدانسخ الكود وضعه فى
 اداة Javascript وقم بالحفظ

قم بتغيير الروابط بما يناسبك 

الكـــود : 

<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By HelperBlogger */
</style> 



<center><p id="hb_socialicons">
<a href="https://www.facebook.com/cccam.for.all">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEd2Z_t_So4pKFmjsQdC4H8510uJcl_z_SOliYfN1oyHkjkcYgXGfL-jfodugG2Ize775HrMeRE-SFI0GrHXUIW5sIOdfVJR9_85fzaG-TyNffjdCNMNh7rzVj6_QWSq1IyaYBfruWQHI/s1600/helperblogger.com-facebook.png" /></a>
<a href="https://twitter.com/ntech_4u">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitiCpHxEE_AeHVPeusUvflBVg0bjsutMiokL6ZaAcnzE7j-KRXeH0Pn8mhoCE1pwtoGukiXeQnX6JmADhOp4s_c2ge0GRNPCS787ql4PBx4Uke0B4hNKy3TBs4if4Z0gZdIKJLeZoofI/s1600/helperblogger.com-twitter.png" /></a>
<a href="https://plus.google.com/102451599840122814175">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsj-iRhsPKvL_CR2_iWSrirrPs6C_u2hZK_-Qvnfhlu8E-GsyRnNWirz1RbYYZ6g97BR57wevNwbFixlFoMCltAKozKEKV1bIW77gstWTb9KPnksuzDdbGVJWNBSmLi7ULbHSDuAI0cFM/s1600/helperblogger.com-google_plus.png" /></a>
<a href="#">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FLkZbIyDLSn850nDoV16fClqRf6wteIbjLEhvffMHAr2JYxP57x4Kn-c49D0s54XtJiAYlBuc3h0vTAO9bjXi45rPS3_TG66AAmaJcusP5FigasFnqGfIoU4aHgcGygN7-JTbRFKneA/s1600/helperblogger.com-rss.png" /></a>
<a href="https://www.youtube.com/channel/UCpPoVFOsBRfAZ0uq67ufk2g">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhm6CQSFuhPdNrZ9NUNaXdhPl6gm1ClugDfDgokYpzV7VJ-3-cPpKO8Pjx6d_M4Sor7zuHu7KFOZlaGwSCHFe1xtYrJ-A1Jq9raO9SUDWecJkLdlCZo-MdL0Qs5LkqElu_-Cq1oieinJc/s1600/helperblogger.com-youtube.png" /></a>
</p></center>

تنبيه : يمكنك وضع إستفساراتك وملاحظاتك في تعليق اسفل الموضوع