إضافة المتابعة عبر الشبكات الإجتماعية بعداد

السبت, أبريل 02, 2016
social-widget,blogger,3arabiy


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

وما يميز هذه الإضافة هو احتوائها على أكثر 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 &gt; li{float:right;    width: 25%;
    text-align: center;
    margin: 0;
    position: relative;}
  #social &gt; li &gt; a{    margin: 0;padding: 0;}
  #social &gt; li.social-item.facebook.\5b 1\2e 4M\5d &gt; a &gt; i{background-color:    #5271b3  border-color:    #5271b3  }
  #social &gt; li.social-item.youtube.\5b 940K\5d &gt; a &gt; i{background-color:    #eb1a21  border-color:    #eb1a21  }
  #social &gt; li.social-item.gplus.\5b 50K\5d &gt; a &gt; i{background-color:    #cb2027  border-color:    #cb2027  }
  #social &gt; li.social-item.twitter.\5b 40K\5d &gt; a &gt; i{background-color:    #49aff8  border-color:    #49aff8  }
  .social-item.twitter .item-icon:before {content: &quot;\f099&quot;;}
  .social-item.gplus .item-icon:before {content: &quot;\f0d5&quot;;}
  .social-item.youtube .item-icon:before {content: &quot;\f167&quot;;}
  .social-item.facebook .item-icon:before {content: &quot;\f09a&quot;;}
     #social&gt;li.social-item&gt;a&gt  span.item-count{display: block;color:    #666  font-weight: 700;font-size: 14px;line-height: 20px;font-family: tahoma;}
     #social&gt;li.social-item&gt;a&gt  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>


في الأخير بعد أن تقوم بنسخ الكود التالي يجب عليك أن تقوم بتغير الروابط إلى روابط مواقع التواصل الإجتماعي الخاصة بك ثم تغير الأعداد بعدد متابعيك في وسائل التواصل الإجتماعي ثم قم بحفظ الأداة وإذا واجهتك أي مشاكل في تنصيب اضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر لا تتردد في طرح مشكلك في صندوق التعليقات في الأسفل.



أظهر التعليقات