حصريا اضافة اداة تابعنا في السايدبار v1

1. ابحث عن <head/> واضف الكود التالي فوقه

<style>.socialcounter li{margin-bottom:10px;width:50%;padding:0 5px;float:right}.socialcounter ul li a{display:block;height:50px;line-height:50px;background-color:#F6F6F6;margin-right:20px;color:#FFF;position:relative;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.socialcounter ul li a .fa{border-radius:2px;font-size:14px;line-height:40px;position:relative;width:40px;text-align:center;left:20px}.socialcounter li a.social_facebook .fa,.socialcounter li a.social_facebook:hover{background-color:#3b5998}.socialcounter li a.social_github .fa,.socialcounter li a.social_github:hover{background-color:#333}.socialcounter li a.social_instagram .fa,.socialcounter li a.social_instagram:hover{background-color:#3f729b}.socialcounter li a.social_linkedin .fa,.socialcounter li a.social_linkedin:hover{background-color:#0077b5}.socialcounter li a.social_soundcloud .fa,.socialcounter li a.social_soundcloud:hover{background-color:#f50}.socialcounter li a.social_vine .fa,.socialcounter li a.social_vine:hover{background-color:#00b488}.socialcounter li a.social_wordpress .fa,.socialcounter li a.social_wordpress:hover{background-color:#21759b}.socialcounter li a.social_yelp .fa,.socialcounter li a.social_yelp:hover{background-color:#af0606}.socialcounter li a.social_codepen .fa,.socialcounter li a.social_codepen:hover{background-color:#000}.socialcounter li a.social_flickr .fa,.socialcounter li a.social_flickr:hover{background-color:#ff0084}.socialcounter li a.social_google-plus .fa,.socialcounter li a.social_google-plus:hover{background-color:#dc4e41}.socialcounter li a.social_lastfm .fa,.socialcounter li a.social_lastfm:hover{background-color:#d51007}.socialcounter li a.social_reddit .fa,.socialcounter li a.social_reddit:hover{background-color:#ff4500}.socialcounter li a.social_skype .fa,.socialcounter li a.social_skype:hover{background-color:#00aff0}.socialcounter li a.social_spotify .fa,.socialcounter li a.social_spotify:hover{background-color:#2ebd59}.socialcounter li a.social_whatsapp .fa,.socialcounter li a.social_whatsapp:hover{background-color:#43d854}.socialcounter li a.social_youtube .fa,.socialcounter li a.social_youtube:hover{background-color:#cd201f}.socialcounter li a.social_yahoo .fa,.socialcounter li a.social_yahoo:hover{background-color:#410093}.socialcounter li a.social_xing .fa,.socialcounter li a.social_xing:hover{background-color:#026466}.socialcounter li a.social_vk .fa,.socialcounter li a.social_vk:hover{background-color:#45668e}.socialcounter li a.social_vimeo .fa,.socialcounter li a.social_vimeo:hover{background-color:#1ab7ea}.socialcounter li a.social_twitter .fa,.socialcounter li a.social_twitter:hover{background-color:#55acee}.socialcounter li a.social_pinterest .fa,.socialcounter li a.social_pinterest:hover{background-color:#bd081c}.socialcounter li a.social_dribbble .fa,.socialcounter li a.social_dribbble:hover{background-color:#ea4c89}.socialcounter li a.social_behance .fa,.socialcounter li a.social_behance:hover{background-color:#1769ff}.socialcounter li a.social_amazon .fa.socialcounter li a.social_amazon:hover{background-color:#f90}.socialcounter li a.social_tumblr .fa,.socialcounter li a.social_tumblr:hover{background-color:#35465c}.socialcounter li a.social_tripadvisor .fa,.socialcounter li a.social_tripadvisor:hover{background-color:#589442}.socialcounter li a.social_stumbleupon .fa,.socialcounter li a.social_stumbleupon:hover{background-color:#eb4924}.socialcounter li a.social_slack .fa,.socialcounter li a.social_slack:hover{background-color:#6ecadc}.socialcounter li a.social_rss .fa,.socialcounter li a.social_rss:hover{background-color:#f60}.socialcounter li a:hover .social_num{color:#f6f6f6}.social-counter li a .social_num{float:left;margin-left:10%;font-size:14px;color:#555}</style>

1. ثم اضف الكود التالي من التخطيط

<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="https://www.facebook.com/th3pro.tk" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">1k معجب</span></a></li><li class="social_item-wrapper"><a href="https://www.youtube.com/channel/UCbIOxjmqgpSDEcKaGhEYtaQ" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">25 مشترك</span></a></li><li class="social_item-wrapper"><a href="https://www.twitter.com/" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">قريبا</span></a></li><li class="social_item-wrapper"><a href="https://plus.google.com/u/0/111340758804846478110" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><span class="social_num">1k متابع</span></a></li><li class="social_item-wrapper"><a href="https://www.instagram.com/" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">1K متابع</span></a></li><li class="social_item-wrapper"><a href="https://www.pinterest.com/" class="social_item social_pinterest"><i class="fa fa-pinterest social_icon"></i><span class="social_num">400 متابع</span></a></li><li class="social_item-wrapper"><a href="http://feeds.feedburner.com/" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><span class="social_num">50 مشترك</span></a></li><li class="social_item-wrapper"><a href="https://www.linkedin.com/" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">150 متابع</span></a></li><li class="social_item-wrapper"><a href="https://www.dribbble.com/" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><span class="social_num">100 متابع</span></a></li><li class="social_item-wrapper"><a href="https://www.vimeo.com/" class="social_item social_vimeo"><i class="fa fa-vimeo social_icon"></i><span class="social_num">90 مشترك</span></a></li></ul></div>