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

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

http://1.bp.blogspot.com/-buXeQL1v3O...3+11-52-41.png

http://4.bp.blogspot.com/-xlv1Nrm-kh...3+11-52-55.png

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

كود:

كود بلغة HTML:

<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>