اضافة عدد مشاهدات الموضوع لمدونات بلوجر

اضافة عدد مشاهدات الموضوع لمدونات بلوجر

معاينة

لاضافة عدد المشاهدات تابع الخطوات:

-انشاء حساب في موقع Firebase
 للوصول على قاعدة بيانات مجانية وحفظ نسخة احتياطية من عدد مشاهدات الموضوع

اضغط هنا للتسجيل في الموقع

-انشاء قاعدة البيانات
اسفل حسابك ستجد مربع انشاء قاعدة بيانات جديدة ضع اي اسم واضغط Create

 

  سيصبح رابط قاعدة البيانات هكذا https://ahmed-alsaadi.firebaseio.com/

-وضع الاكواد
اذهب الى لوحة التحكم>>قالب ثم قم بعمل نسخة احتياطية للقالب

اضغط على توسيع قوالب عناصر واجهة المستخدم

ابحث عن ]]></b:skin>

ثم ضع فوقه الكود التالي:

/*-------- Post Views ----------*/ #views-container { width: 75px; float: right; } .mbtloading { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJTVO7lPXd6Gu7QOm4aJXkpvfQU2b2Js6iL7BnJGtI7JDq5n0pumqVcMldU_XRsFPkhBDmDib8N4eBLWXNJvtm7zdS38uK7hR-wUbMqmg56_4z8IRa1-1w4Eb2-_nRMqbiSSngAQrvja1f/s320/mbtloading.gif') no-repeat left center; width: 16px; height: 16px; } .viewscount { float: right; color: #EE5D06; font: bold italic 14px arial; } .views-text { float: left; font: bold 12px arial; color: #333; } .views-icon{ background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiBZ3cshij1YjKkIF0xQCQW70JYZxVGZx921TeyeK7dAyDHfuQhzcIuuxwIBR6fwP1fZL0Mx14C-nYa7gw3RdnsPJ4Ro80Q_hJ5vcFGGhwBpW9Zm3VmjthbH4iH8rPN0S0siv6jTFlP-cB/s1600/postviews.png') no-repeat left; border: 0px; display: block; width: 16px; height: 16px; float: left; padding: 0px 2px; }

لون العداد #EE5D06
float: right; مكان العداد

2-ابحث عن </body>

ثم ضع فوقه الكود التالي:

<!-- Post Views Script by MBT --><script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script><script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/><script>$.each($('a[name]'), function(i, e) { var elem = $(e).parent().find('#postviews').addClass('mbtloading'); var blogStats = new Firebase("https://ahmed-alsaadi.firebaseio.com/pages/id/" + $(e).attr('name')); blogStats.once('value', function(snapshot) { var data = snapshot.val(); var isnew = false; if(data == null) { data= {}; data.value = 0; data.url = window.location.href; data.id = $(e).attr('name'); isnew = true; } elem.removeClass('mbtloading').text(data.value); data.value++; if(window.location.pathname!='/') { if(isnew) blogStats.set(data); else blogStats.child('value').set(data.value); } }); }); </script>

غير رابط https://ahmed-alsaadi.firebaseio.com الى رابط قاعدة بيانات موقع Firebase

اخيرا ابحث عن <data:post.body/> ثم ضع فوقه الكود التالي لاظهار عدد المشاهدات (ضع العداد في اي مكان يناسبك)

<!-- Post Views Counter by MBT--><div id='views-container'><span class='views-icon'/><div class='views-text'>الزيارات:</div><div class='mbtloading viewscount' id='postviews'/></div>

الان اذهب الى مدونتك واختر اي موضوع واضغط F5 من الكيبورد وشاهد عدد الزيارت

المصدر

اضافة عدد مشاهدات الموضوع لمدونات بلوجر