المعاينات والمرفقات
هناك العديد والعديد من أدوات الإحصائيات لمدونات بلوجر وغيرها وتكون عبر مواقع او سكريبتات بعضها ثقيل وأهم ما يسعى له مستخدم الآداة هو إحصائيات عدد المشاهدات تحديداً لكن لا يجلبها مضبوط إلا الإضافة الرسمية لبلوجر لكنها ليست جيدة المظهر لكن في موضوعنا سنسعى لتطوير تلك الإضافة وجعلها تعرض أهم الإحصائيات بشكل مضبوط ومظهر جيد
أولاً قم بتركيب إضافة الإحصائيات الرسمية لبلوجر
ثانياً إجعل الإعداد المبدئي لها كالتالي ثم بعد الإنتهاء من الضبط عدل الفترة الزمنية كما تريد
بعد ذلك قم بالبحث عن الآداة في القالب واحذف جميع الاكواد التي بين الكودين المعلمان بالاحمر
بعد ذلك قم بإضافة هذا الكود بدلاً من الأكواد التي حذفتها ويمكنك تعديل الكلمات العربية
<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;}
تنسيق الكود
15 حجم الخط30 إرتفاع الإحصائيات
#0058d2 لون الأرقام
#cc0000 لون الأيقونات
20 حجم الأيقونات
لتظهر الأيقونات أضف الخط الذي في هذا الموضوع من هنــا
تعليقات
29
الاشتراك في:
تعليقات الرسالة (Atom)
موضوع مميز يستحق الشكر
ردحذفبارك الله فيك أستاذنا
وزادك الله من فضله
وفيك بارك الله أخي الفاضل
حذفواشتقنا لمرورك الفترة الماضية
لا تغيب عنا طويلاً يا طيب
بجد حضرتك مبدع في مواضيعك وجزاك الله خيرا علي تعليمك واعطاء الخبره للمبتدائين
ردحذفومنتظرين المزيد من المواضيع الجميله. ويريت لو تنزل موضوع عن الارشفه
شكراً لك أستاذ أحمد على ذوقك
حذفوجزاك الله بالمثل
وراجع هذا الموضوع من خلاله ستجد طريقة أرشفة المواضيع فوراً
http://cnmu.blogspot.com/2014/05/Fetch-as-Google.html
شكراا اخ عمرو
ردحذفدائما ما أسعد بمروركم أستاذ نبيل
حذفأهلا بك
عندي مشكلة اخي عمرو وهي ان الارقام موش متوازية مع الكلمات وليست بجانبها ما الحل
ردحذفhttp://islam-happiness-forever.blogspot.ca/
زرت مدونتك أخي والإحصائيات غير مضافة كما في الشرح أضفها جيداً
حذفوانا ايضا نفس المشكلة
حذفاخي بعد المحاولة تم حل المشكلة المهم حل المشكلة بعد اضافة اكواد الاضافة قم بالبحث عن هذا الكود .cnmustatusw h4 وضع هذا الكود بداخلة top: -10px;
حذفليصبح بهذا الشكل .cnmustatusw h4 {color: #0058d2;top: -10px;}
بامكانك نسخ اخر كود ووضعه بدل الكود الى عندك
أخي الكريم لا مشكله في الكود لدي الأمر ان بعض القوالب يكون لها تنسيقات ومعطيات مختلفة فتؤثر على مظهر بعض الأدوات
حذفبالتالي اضافة هذه الاكواد يتناسب مع قالب اما قوالب أخرى فلا ينفع فلو اضفته سيكون خطا عند قوالب اخرى انا اضيف أكثر نمط شائع ويرجع لكم متابعينا الكرام تنسيق الإختلافات التي تكون مع قوالبكم
تحياتي
أخي نحن نعلم ذلك فأنت من علمتنا كل هذا ولكن انا اريد ان افيده ليس اكثر
حذف#شكرا-لك-يأبن-النيل
أخي الكريم بارك الله فيك بالمشاركة والإفادة
حذفوشكراً لك عليها انا اقصد فقط انني لو غيرت معطيات الإضافة الأساسية بالمعطيات الخاصة بك ربما تضبطها على قوالب كالذي تستخدمه لكن على النمط العامل للقوالب سيتكون غير مضبوطه هذا فقط سبب التوضيح لعدم إضافة معطياتك للآداة
وشكراً مرة ثانية للمشاركة معنا ولا تحرمنا من مرورك
مظهر جديد رائع للاحصائيات ... شكرا على الموضوع المميز
ردحذفشكراً على مرورك العطر أخي الفاضل
حذفتحياتي
بارك الله فيك
ردحذفغير ممكن فبلوجر لا تتيح عرض الزوار اليومي
ردحذفرائع أخي اعلم انه طلب و يمكنك حذفه لكن هل يمكنك نشر موضوع خاص مثل الإضافة التي عندك والتي تتعلق بإضافة التاريخ على التدوينة مثل التي عندك
ردحذفهذا الامر لا ينفع شرحه لانه يختلف من قالب لآخر بالتالي لو شرحته لن يفيد إلا من يستخدم قالب مثل قالبي او مشابه له لكنه لن فيد الجميع
حذفشكرا لاكن لم اجد ذلك الكود
ردحذفيجب ان تضيف آداة إحصائيات بلوجر الرسمية أولا حتى تجد الكود
حذفعندما اضيفها
ردحذفالارقام لاتظهر
اكيد هناك اما خطأ في الإضافة او تعارض من احد اكواد قالبك لان الإضافة تعمل لدي على عدة مدونات لو الخلل بها لظهر عند جميع المستخدمين
حذفالف شكر طرح رائح وجميل جدا
ردحذفاخي اين تضع كود التنسيق ccs ؟
ئكا
الامر مذكور فوق الكود أخي في العنوان الخاص به
حذف]]></b:skin>
هل تعمل الإضافة على الخمسة النمطية هذه أستاذي وهي نفسها قالبك أستخدمه ؟
ردحذفhttps://100mounir.blogspot.com/
الله يحفظك يارب
نعم أخي الحبيب ستعمل معك بإذن الله على هذا القالب , وستعمل معك تقريباً على كل القوالب الموجوده في المدونة هنا
حذفلكن طبعا خذ نسخة احتياطية قبل التعديل
الحمد لله نجحة إضافة بامتياز 10/10 انت مميز دائما
حذفالحمد لله أخي الكريم , تسلم يا طيب وبالتوفيق
حذف