كود:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<style>
#social{
margin: 0;
padding: 0;
}
#social > li{float:right; width: 25%;
text-align: center;
margin: 0;
position: relative;}
#social > li > a{ margin: 0;padding: 0;}
#social > li.social-item.facebook.\5b 1\2e 4M\5d > a > i{background-color: #5271b3 border-color: #5271b3 }
#social > li.social-item.youtube.\5b 940K\5d > a > i{background-color: #eb1a21 border-color: #eb1a21 }
#social > li.social-item.gplus.\5b 50K\5d > a > i{background-color: #cb2027 border-color: #cb2027 }
#social > li.social-item.twitter.\5b 40K\5d > a > i{background-color: #49aff8 border-color: #49aff8 }
.social-item.twitter .item-icon:before {content: "\f099";}
.social-item.gplus .item-icon:before {content: "\f0d5";}
.social-item.youtube .item-icon:before {content: "\f167";}
.social-item.facebook .item-icon:before {content: "\f09a";}
#social>li.social-item>a> span.item-count{display: block;color: #666 font-weight: 700;font-size: 14px;line-height: 20px;font-family: tahoma;}
#social>li.social-item>a> span.item-count:hover{color:#166dbd}
</style> <ul id="social"><li class="social-item facebook [1.4M]"><a href="https://web.facebook.com/By.Hosni.CR7"><i class="item-icon fa"></i><span class="item-count">21K</span><span class="item-text">معجب</span></a></li><li class="social-item youtube [940K]"><a href="https://www.youtube.com/c/th3tw2015"><i class="item-icon fa"></i><span class="item-count">26</span><span class="item-text">مشترك</span></a></li><li class="social-item gplus [50K]"><a href="https://plus.google.com/u/1/+th3tw2015/posts"><i class="item-icon fa"></i><span class="item-count">25</span><span class="item-text">متابع</span></a></li><li class="social-item twitter [40K]"><a href="http://www.twitter.com/th3tw2015"><i class="item-icon fa"></i><span class="item-count">71</span><span class="item-text">متابع</span></a></li></ul>
في الأخير بعد أن تقوم بنسخ الكود التالي يجب عليك أن تقوم بتغير الروابط الملونة بالأحمر إلى روابط مواقع التواصل الإجتماعي الخاصة بك ثم تغير الأعداد الملونة بالأزرق بعدد متابعيك في وسائل التواصل الإجتماعي ثم قم بحفظ الأداة وإذا واجهتك أي مشاكل في تنصيب اضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر لا تتردد في طرح مشكلك في صندوق التعليقات في الأسفل.