كصاحب مدونة على منصة بلوجر اسعى دائما إلى البحث وتطوير أفضل الإضافات الخاصة بمدونتي وفي هذا الإطار قمت شخصيا بالبحث عن أفضل إضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر حيث تحتوي هذه الإضافة على عداد لمتابعيك في مواقع التواصل الإجتماعي.
وما يميز هذه الإضافة هو احتوائها على أكثر 4 مواقع تواصل إجتماعي تهم أي مدون وهي فيس بوك و يوتيوب وجوجل بلس وتويتر طبعا ويمكن تخصيص هذا العداد حسب عدد متابعيك وكي لا أطيل في الشرح سوف أقوم بشرح طريقة تركيب إضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر.
# إذهب إلى "التخطيط" وقم بإضافة أداة جديدة في السايدبار ضع فيها الكود التالي:
<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/r3ggada"><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/r3ggada"><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/+samhamou/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/reggada_inc"><i class="item-icon fa"></i><span class="item-count">71</span><span class="item-text">متابع</span></a></li></ul>
<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/r3ggada"><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/r3ggada"><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/+samhamou/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/reggada_inc"><i class="item-icon fa"></i><span class="item-count">71</span><span class="item-text">متابع</span></a></li></ul>
في الأخير بعد أن تقوم بنسخ الكود التالي يجب عليك أن تقوم بتغير الروابط إلى روابط مواقع التواصل الإجتماعي الخاصة بك ثم تغير الأعداد بعدد متابعيك في وسائل التواصل الإجتماعي ثم قم بحفظ الأداة وإذا واجهتك أي مشاكل في تنصيب اضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر لا تتردد في طرح مشكلك في صندوق التعليقات في الأسفل.