آخر التعليقات و أكثر المعلقين تفاعلا لنظام التعليقات DISQUS

السلام عليكم زوار ومتابعي بوزوم  في هذا الدرس الجديد النتعلق با تعليقات DISQUS
و إذا كان DISQUS هو خيارك، فتابع موضوع اليوم الذي يطرح بعض الأدوات المساعدة لهذا النظام.

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

أداة أكثر المعلقين تفاعلا

وظيفة الأداة محددة في وضع ترتيب تنازلي لأكثر الأعضاء تعليقا و تفاعلا في المدونة، الإضافة عبارة عن صورة مصغرة للمعلق إضافة إلى اسمه و عدد تعليقاته.

<style>

#topcommenters {

  text-align: right;

  padding: 10px;

  background: #fff;

  border: 2px solid #bbb;

  border-radius: 10px;

}

#topcommenters ul {text-align: right;}

#topcommenters img {float: right;padding: 0 5px;}

li.dsq-widget-item:hover{background:#E1F4FE;}

</style>

<div id="topcommenters" class="dsq-widget">

<script type="text/javascript" src="http://blogbzm.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=1&hide_avatars=0&avatar_size=48"></script>

</div>

تنسيق الأداة:

 #fff : لون الخلفية؛

#bbb : لون الإطار؛

#E1F4FE : يظهر أثناء تمرير الأداة؛

قم بتغيير الرقم 0 إلى الرقم 1 إذا أردت إخفاء صور المعلقين؛

الرقم 5 هو عدد المعلقين الذين سيظهرون في الأداة؛

48 هو حجم الصورة؛

الرقم 1 قم بتغييره إلى 0 إذا أردت إظهار تعليقات المدير؛

قم بتغييرblogbzm بالمعرف الخاص بمدونتك على DISQUS؛

يمكنك التعديل على هذه الخيارات بما يناسب ذوقك.

أداة آخر التعليقات

 <style>

#recentcomments {

  text-align: right;

  padding: 10px;

  background: #fff;

  border: 2px solid #bbb;

  border-radius: 10px;

}

#recentcomments ul {text-align: right;}

#recentcomments img {float: right;padding: 0 5px;}

li.dsq-widget-item:hover{background:#E1F4FE;}

</style>

<div id="recentcomments" class="dsq-widget">

<script type="text/javascript" src="http://blogbzm.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=48&excerpt_length=100&hide_mods=1"></script>

</div>

تنسيق الأداة

لتنسيق الأداة يمكنك اتباع نفس خطوات تنسيق الأداة الأولى، مع إضافة بسيطة، و هي التعديل على الرقم 100، و هو الذي يتحكم في عدد أحرف التعليق.

ملحوظة  مهم جدا يجب قرائتها أيضا

المصدر: كن مدون
ويمكنك قراءة الوضوع أيضا من هنا

من فضلك اضغظ لايك لمشاهدة لينك التحميل