تغيير ‏إحصائيات مدونة بلوجر بشكلها الجديد 2023

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

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

الاحصائيات بالشكل الجديد

الشرح عليك اولاً باضافة اداة احصائيات للمدونة فى المكان المناسب لها من > التخطيط > اضافة اداة > ثم اضف اداة احصائيات المدونة

ثم تضيف الاداة نغير اسم الاداة ليصبح :-
إحصائيات الموقع

 الان نذهب الي > القالب
> تحرير HTML

ثم ابحث عن وسم]]></b:skin>
باستخدام Ctrl+F
وضع الكود التالي فوقه مباشر
/*إحصائيات المدونة*/
.cnmustatusw {color: #fff;list-style: outside none none;margin: 0 !important;padding: 0 !important;}
.cnmustatusw li {display: block;font-size: 15px;height: 32px;line-height: 32px;margin-bottom: 10px;overflow: hidden;}
.cnmustatusw i {border-radius: 0%;color: #fff;font-size: 18px;height: 32px;line-height: 32px;margin-left: 8px;text-align: center;width: 32px;}.cnmustatusw i, 
.cnmustatusw span, .cnmustatusw h4 {float: right;line-height: 30px;margin-left: 4px;}
.credit a {background-color: #E74C3C;border-radius: 4px;color: #fff;display: inline-block;font-size: 11px;font-weight: bold;height: 20px;line-height: 20px;padding: 0 8px;}
.cnmustatusw h4 {color:#FDCF00;}.credit {background-color: #eee;font-size: 12px;height: 30px;line-height: 29px;overflow: hidden;padding: 0 5px;}
.credit a:hover {background-color: #607D8B;

ثم نستخدم Ctrl + F
للبحث عن اسم إحصائيات الموقع

وبعد نحدد الكود الخاص بالإضافة كامل كما في الصورة ثم ضع الكود التالي بدلا منه

<div class='widget-content'>
<ul class='cnmustatusw'>
<li class='cnmuspos'><i class='fa fa-file-text-o'/><span>عدد المواضيع : </span><h4 id='cnmustatpost'>&amp;hellip;</h4></li>
<li id='cnmutc'><i class='fa fa-comments'/><span>عدد التعليقات : </span><h4 id='cnmustatcommen'>&amp;hellip;</h4></li>
<li id='cnmutcount'><i class='fa fa-line-chart'/><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>

والآن تم الإضافة بنجاح

عن الكاتب

مستر ميدو
عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.