آداة الإحصائيات لمدونات بلوجر
صفحة 1 من اصل 1
آداة الإحصائيات لمدونات بلوجر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هناك العديد والعديد من أدوات الإحصائيات لمدونات بلوجر وغيرها وتكون عبر مواقع او سكريبتات بعضها ثقيل وأهم ما يسعى له مستخدم الآداة هو إحصائيات عدد المشاهدات تحديداً لكن لا يجلبها مضبوط إلا الإضافة الرسمية لبلوجر لكنها ليست جيدة المظهر لكن في موضوعنا سنسعى لتطوير تلك الإضافة وجعلها تعرض أهم الإحصائيات بشكل مضبوط ومظهر جيد
أولاً قم بتركيب إضافة الإحصائيات الرسمية لبلوجر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ثانياً إجعل الإعداد المبدئي لها كالتالي ثم بعد الإنتهاء من الضبط عدل الفترة الزمنية كما تريد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد ذلك قم بالبحث عن الآداة في القالب واحذف جميع الاكواد التي بين الكودين المعلمان بالاحمر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد ذلك قم بإضافة هذا الكود بدلاً من الأكواد التي حذفتها ويمكنك تعديل الكلمات العربية
- الكود:
<div class='widget-content'>
<ul class="cnmustatusw">
<li class="cnmuspos">
<i class="fa fa-files-o"></i>
<span>عدد المواضيع : </span>
<h4 id='cnmustatpost'>&hellip;</h4>
</li>
<li id='cnmutc'>
<i class="fa fa-comments"></i>
<span>عدد التعليقات : </span>
<h4 id='cnmustatcommen'>&hellip;</h4>
</li>
<li id='cnmutcount'>
<i class="fa fa-bar-chart"></i>
<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>
وأخيراً إستخدم كود الستايل التالي
- الكود:
/*إحصائيات المدونة*/
.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;}
تنسيق الكود
30 إرتفاع الإحصائيات
#0058d2 لون الأرقام
#cc0000 لون الأيقونات
20 حجم الأيقونات
مواضيع مماثلة
» إضافة آداة مواضيع مقترحة لمدونات بلوجر
» اضافة تأثير اللمس لمدونة بلوجر
» كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر
» الطريقة الصحيحة للتعامل مع التسميات أو الأقسام في بلوجر
» اضافة صناديق لعرض الأكواد الى مدونة بلوجر
» اضافة تأثير اللمس لمدونة بلوجر
» كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر
» الطريقة الصحيحة للتعامل مع التسميات أو الأقسام في بلوجر
» اضافة صناديق لعرض الأكواد الى مدونة بلوجر
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى