مساحة إعلانية

الخميس، 21 يناير، 2016

الخميس، 21 يناير، 2016

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

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

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

 

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

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

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

<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 حجم الأيقونات
لتظهر الأيقونات أضف الخط الذي في هذا الموضوع من هنــا

هناك 26 تعليقًا:

  1. موضوع مميز يستحق الشكر
    بارك الله فيك أستاذنا
    وزادك الله من فضله

    ردحذف
    الردود
    1. وفيك بارك الله أخي الفاضل
      واشتقنا لمرورك الفترة الماضية
      لا تغيب عنا طويلاً يا طيب

      حذف
  2. بجد حضرتك مبدع في مواضيعك وجزاك الله خيرا علي تعليمك واعطاء الخبره للمبتدائين
    ومنتظرين المزيد من المواضيع الجميله. ويريت لو تنزل موضوع عن الارشفه

    ردحذف
    الردود
    1. شكراً لك أستاذ أحمد على ذوقك
      وجزاك الله بالمثل
      وراجع هذا الموضوع من خلاله ستجد طريقة أرشفة المواضيع فوراً
      http://cnmu.blogspot.com/2014/05/Fetch-as-Google.html

      حذف
  3. الردود
    1. دائما ما أسعد بمروركم أستاذ نبيل
      أهلا بك

      حذف
  4. عندي مشكلة اخي عمرو وهي ان الارقام موش متوازية مع الكلمات وليست بجانبها ما الحل

    http://islam-happiness-forever.blogspot.ca/

    ردحذف
    الردود
    1. زرت مدونتك أخي والإحصائيات غير مضافة كما في الشرح أضفها جيداً

      حذف
    2. اخي بعد المحاولة تم حل المشكلة المهم حل المشكلة بعد اضافة اكواد الاضافة قم بالبحث عن هذا الكود .cnmustatusw h4 وضع هذا الكود بداخلة top: -10px;
      ليصبح بهذا الشكل .cnmustatusw h4 {color: #0058d2;top: -10px;}
      بامكانك نسخ اخر كود ووضعه بدل الكود الى عندك

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

      حذف
    4. أخي نحن نعلم ذلك فأنت من علمتنا كل هذا ولكن انا اريد ان افيده ليس اكثر
      #شكرا-لك-يأبن-النيل

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

      حذف
  5. مظهر جديد رائع للاحصائيات ... شكرا على الموضوع المميز

    ردحذف
    الردود
    1. شكراً على مرورك العطر أخي الفاضل
      تحياتي

      حذف
  6. هل يمكن اضافة عدد المشاهدات كل يوم ام ان هذا غير ممكن

    ردحذف
    الردود
    1. غير ممكن فبلوجر لا تتيح عرض الزوار اليومي

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

    ردحذف
    الردود
    1. هذا الامر لا ينفع شرحه لانه يختلف من قالب لآخر بالتالي لو شرحته لن يفيد إلا من يستخدم قالب مثل قالبي او مشابه له لكنه لن فيد الجميع

      حذف
  8. شكرا لاكن لم اجد ذلك الكود

    ردحذف
    الردود
    1. يجب ان تضيف آداة إحصائيات بلوجر الرسمية أولا حتى تجد الكود

      حذف
  9. عندما اضيفها
    الارقام لاتظهر

    ردحذف
    الردود
    1. اكيد هناك اما خطأ في الإضافة او تعارض من احد اكواد قالبك لان الإضافة تعمل لدي على عدة مدونات لو الخلل بها لظهر عند جميع المستخدمين

      حذف
  10. الف شكر طرح رائح وجميل جدا
    اخي اين تضع كود التنسيق ccs ؟
    ئكا

    ردحذف
    الردود
    1. الامر مذكور فوق الكود أخي في العنوان الخاص به
      ]]></b:skin>

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©