اضافة عدد المشاهدات للمواضيع

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

-انشاء حساب في موقع 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/AVvXsEg3BmB1kP8UZ8cdRyLLla7_osxancX0m49lFWTlE0M0Jf6AfVrwn8n97__chZd8qCfP3fSbEYlL7nNpqVS6vwYysZOSuA0xIiPDBCnMdIV5K5gzNA8pJ00mEyarbpj2-R99KS1oTNvK_8cG/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/AVvXsEjKXxplCFSAydPvJO-EydqGF8ruy3oQR2ttfJHAt5y6a7xqNWAE1cbo9BgCwllWcqLXRiyTUkZgb_4dr1Y-V0eQvq3LPtpKIjg3FYlkK1jSyB2v_6xVTXsRwWetByJyh_aPDqo4IszjBd2i/s1600/postviews.png')
 no-repeat left;
    border: 0px;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding: 0px 2px;
    }

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

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

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

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

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

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

المصدر