إضافة أزرار تابعني عبر المواقع الإجتماعية بتأثيرات رائعة

بسم الله الرحمان الرجيم جلبت لكم اليوم طريقة إضافة أزرار تابعني عبر المواقع الإجتماعية بتأثيرات رائعة تماما كما في مدونتي
عند وضع الفأرة على الأزرار تقوم الأزرار بالدوران بطريقة جميلة و جذابة و بتالي سوف تساهم هذه الأزرار في زيادة متابيعك على المواقع الإجتماعية

مثال :

الشرح :

لإضافة هذه الأزرار توجه إلى التخطيط و قم بإضافة أدات HTML/JavaScript وضع الكود التالي :

كود:

<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By HelperBlogger */
    -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#hb_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 HelperBlogger */
</style>  



<center><p id="hb_socialicons">
    <a href="https://www.facebook.com/altari9" rel="nofollow" target="_blank">
<img border="0" src="http://icons.iconarchive.com/icons/fasticon/web-2/48/FaceBook-icon.png" /></a>
    <a href="http://twitter.com/altari9" rel="nofollow" target="_blank">
<img border="0" src="http://icons.iconarchive.com/icons/fasticon/web-2/48/Twitter-icon.png" /></a>
    <a href="https://plus.google.com/b/110884219691709616420/110884219691709616420" rel="nofollow" target="_blank">
<img border="0" src="http://icons.iconarchive.com/icons/fasticon/web-2/48/Google-icon.png" /></a>
    <a href="http://feeds.feedburner.com/al-tari9" rel="nofollow" target="_blank">
<img border="0" src="http://icons.iconarchive.com/icons/fasticon/web-2/48/Feed-icon.png" /></a>
<a href="http://www.youtube.com/user/MrJaabiriovic" rel="nofollow" target="_blank">
<img border="0" src="http://icons.iconarchive.com/icons/fasticon/web-2/48/Youtube-icon.png" /></a>
    
</p></center>

 قم بتغير ما كتب بالأحمر بما يوافق صفحاتك على المواقع الإجتماعية