آداة الإحصائيات لمدونات بلوجر


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

آداة الإحصائيات لمدونات بلوجرا
آداة الإحصائيات لمدونات بلوجرب

آداة الإحصائيات لمدونات بلوجري

أولاً قم بتركيب إضافة الإحصائيات الرسمية لبلوجر


ثانياً إجعل الإعداد المبدئي لها كالتالي ثم بعد الإنتهاء من الضبط عدل الفترة الزمنية كما تريد


بعد ذلك قم بالبحث عن الآداة في القالب واحذف جميع الاكواد التي بين الكودين المعلمان بالاحمر


بعد ذلك قم بإضافة هذا الكود بدلاً من الأكواد التي حذفتها ويمكنك تعديل الكلمات العربية

 <div class='widget-content'>
<ul class="cnmustatusw">
<li class="cnmuspos">
<i class="fa fa-files-o"></i>
<span>عدد المواضيع : </span>
<h4 id='cnmustatpost'>&amp;hellip;</h4>
</li>
<li id='cnmutc'>
<i class="fa fa-comments"></i>
<span>عدد التعليقات : </span>
<h4 id='cnmustatcommen'>&amp;hellip;</h4>
</li>
<li id='cnmutcount'>
<i class="fa fa-bar-chart"></i>
<span>عدد المشاهدات : </span>
<h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;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>

وأخيراً إستخدم كود الستايل التالي

 /*إحصائيات المدونة*/
.cnmustatusw {
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 !important;
}
.cnmustatusw li {
  display: block;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  overflow: hidden;
}
.cnmustatusw i, .cnmustatusw span, .cnmustatusw h4 {
  float: right;
  line-height: 30px;
  margin-left: 4px;
}
.cnmustatusw i {color: #cc0000; font-size: 20px;}
.cnmustatusw h4 {color: #0058d2;}

تنسيق الكود

15 حجم الخط
30 إرتفاع الإحصائيات
#0058d2 لون الأرقام
#cc0000 لون الأيقونات
20 حجم الأيقونات
آداة الإحصائيات لمدونات بلوجرا
آداة الإحصائيات لمدونات بلوجرب

آداة الإحصائيات لمدونات بلوجري

إرسال تعليق

0 تعليقات