في تدوينة سابقة على مدونة الأفضل كنا قد تطرقنا لدراسة لأهم أنظمة التعليقات المتاحة لمنصة بلوجر، و التي تخول لك الاعتماد عليها كوسيلة للتعليق على مدونتك، و من بين هذه الأنظمة، كانت لنا رؤية و اطلاع على نظام التعليقات 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://al2afdal.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 إذا أردت إظهار تعليقات المدير؛
- قم بتغيير al2afdal بالمعرف الخاص بمدونتك على 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://cnmu.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=48&excerpt_length=100&hide_mods=1"></script>
</div>
تنسيق الأداة
- لتنسيق الأداة يمكنك اتباع نفس خطوات تنسيق الأداة الأولى، مع إضافة بسيطة، و هي التعديل على الرقم 100، و هو الذي يتحكم في عدد أحرف التعليق.
0 commentaires:
إرسال تعليق