اضافة احصائيات المدونة

اضافة احصائيات المدونة

طريقة سهلة وجميلة تابع الشرح

قبل كل شيئ

انزل نسخة احتياطية لقالبك لتفادي المشاكل

ثم توجة للتخطيط واضف هذه الاداة

ثم اجعل الخيارات هكذا

ملاحظة احفظ عنوان الاداة مثال

جميع إحصائات المدونة

ليسهل عليك اجاد الكود بسرعة

ثم توجة للقالب تحرير HTML وابحث عن عنوان الأداة

اسبدل فقط الأكواد المحددة داخل اللون الأحمر بالكود التالي

<div class='widget-content'><ul class='cnmustatusw'><li class='cnmuspos'><i class='fa fa-file-text-o'/><span>عدد المواضيع : </span><h4 id='cnmustatpost'>&hellip;</h4></li><li id='cnmutc'><i class='fa fa-comments'/><span>عدد التعليقات : </span><h4 id='cnmustatcommen'>&hellip;</h4></li><li id='cnmutcount'><i class='fa fa-line-chart'/><span>عدد المشاهدات : </span><h4 expr:id='data:widget.instanceId + "_totalCount"'>&hellip;</h4></li></ul><script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('cnmustatpost').innerHTML=json.feed.openSearch$totalResults.$t};function cnmutc(json){document.getElementById('cnmustatcommen').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=cnmutc\"><\/script>');
//]]>

</script></div>

ثم اضف فوق ]]></b:skin> الكود التالي

/*إحصائيات المدونة*/.cnmustatusw {color: #fff;list-style: outside none none;margin: 0 !important;padding: 0 !important;}.cnmustatusw li {display: block;font-size: 15px;height: 32px;line-height: 32px;margin-bottom: 10px;overflow: hidden;}.cnmustatusw i {border-radius: 0%;color: #fff;font-size: 18px;height: 32px;line-height: 32px;margin-left: 8px;text-align: center;width: 32px;}.cnmustatusw i, .cnmustatusw span, .cnmustatusw h4 {float: right;line-height: 30px;margin-left: 4px;}.cnmustatusw h4 {color:#FDCF00;}.credit {background-color: #eee;font-size: 12px;height: 30px;line-height: 29px;overflow: hidden;padding: 0 5px;}.credit a {background-color: #E74C3C;border-radius: 4px;color: #fff;display: inline-block;font-size: 11px;font-weight: bold;height: 20px;line-height: 20px;padding: 0 8px;}.credit a:hover {background-color: #607D8B;}