جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .
وأيقونات مواقع التواصل الإجتماعى كثيره جدا ومنتشره جدا على الكثير من المواقع والمدونات , ولكنى اليوم جئت لكم بأحدث شكل من أشكال هذه الأيقونات وهو شكل ثلاثى الأبعاد , بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها
عند المرور عليها بمؤشر الماوس .
جميع نعرف اهمية مواقع التواصل الاجتماعي في نشر تدويناتنا و كسب المزيد من الزوار .
ايقونات التواصل الاجتماعي كثيرة و لكن يوجد العديد من الاشكال و لهذا احببت تقديم شكل جديد من هذه الايقونات بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها عند المرور عليها بمؤشر الماوس .
و هي التي الموجودة في موقع اخبار الهاكرز الحالية ,
طريقة اضافتها لمدونتك :
قم بالذهاب الى تخطيط مدونتك و اضف اداة HTML/JAVASCRIPT وضع فيها الكود ا
كود PHP:
<div class="social-counter-metro"><ul class="clearfix"><!-- Facebook Fans --><li class="fb-wrp"><div class="btn-count"><div class="social-counter-metro mask"><span>Like</span><a class="more" href="http://www.facebook.com/hackernewsl" target="_blank"></a></div><div class="facebook"><i class="facebook-sicon-48-white"></i><span>+62</span><span class="fans">معجب</span></div></div></li><!-- Twitter Followers --><li class="tr-wrp"><div class="btn-count"><div class="social-counter-metro mask"><span>Follow</span><a class="more" href="http://twitter.com/hackernewsl" target="_blank"></a></div><div class="twitter"><i class="twitter-sicon-48-white"></i><span>0</span><span class="fans">متابع</span></div></div></li><!-- Youtube Subscribers --><li class="yt-wrp"><div class="btn-count"><div class="social-counter-metro mask"><span>Subscribe</span><a class="more" href="www.youtube.com/user/hackernewsl" target="_blank"></a></div><div class="youtube"><i class="youtube-sicon-48-white"></i><span>0</span><span class="fans">مشترك</span></div></div></li><!-- RSS Feed --><li class="rs-wrp"><div class="btn-count"><div class="social-counter-metro mask"><span>Subscribe</span><a class="more" href="http://feeds.feedburner.com/hackernewsl" target="_blank"></a></div><div class="rss"><i class="rss-sicon-48-white"></i><span>Subscribe</span><span class="fans">To RSS Feed</span></div></div></li></ul></div>
المصدر