31‏/07‏/2016

اضافه آداة الإحصائيات الزيارات والتعليقات والمشاركات لمدونات بلوجر

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


ولاتكن ان كان موقعك ضعيف فلا تضعها لانها سوف تنزل ثقه الزائر بالموقع وهذا من راىىالشخصى اذا نمر الى الشرح

فى البدايه يجب عليك تركيب إضافة الإحصائيات الرسمية لبلوجر لنبدا العمل لاتقلق فسوف نغير شكلها تمام الى الاضافه الجديده واضافه الاضافه الجديده


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

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

<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;}


ان واجهتك اى مشكله لاتترد بترك تعليق لنساعدك
اعلان 2

0 التعليقات :

إرسال تعليق

لا تشاهد وترحل اترك بصمتك : بترك تعليق حول الموضوع ؟

* سيتم الرد عليك خلال 24 وعشرين ساعه كأقصى حد للرد .

* لان يتم نشر عنوان بريدك الالكترونى لأى سبب ف لك كل الحقوق .

عربي باي