هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن تطوير المواقع (https://www.helpernt.com/vb/forumdisplay.php?f=88)
-   -   اضافة تابعنا على مواقع التواصل الاجتماعي لمدونات بلوجر (https://www.helpernt.com/vb/showthread.php?t=3312)

الاعصر 01-18-2016 12:20 AM

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


وما يميز هذه الإضافة هو احتوائها على أكثر 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/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>

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


الساعة الآن 10:26 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir