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

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

ملاحضة كل الاكواد في هذا المقال صحيحة و تعمل 100%

كما لاحظت على يمينك في هذه المقال في الأعلى يوجد عدد المشاهدات هذا الموضوع 

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

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

اولا ستذهب إلى حسابك في 

firebase

و تسجل حساب جديد إذا لا تملك مثال هذه الصورة

بعد تسجيل  تضغط على انشاء تطبيق جديد

و بعد ذالك انشاء قاعدة بينات ظروري جدا بدون قاعدة بينات لا تعمل معك

هذا الكود المستخدم في قاعدة البيانات ضروري اضافته
........................

{

  "rules": {

    ".read": true,

    ".write": true,

  }

}

...................... 

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

<data:post.body/>  توجه للقالب  و ابحث عن هذا الوسم 

ستجده حتما و ظع هذا الكود فوقه مباشرتا

<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views

</body>  بعد ذالك ابحث عن هذا الوسم 

و فوقه مباشرتا ضف هذا الكود 

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/><script>$.each($(&#39;a[name]&#39;), function(i, e) {var elem = $(e).parent().find(&#39;#postviews&#39;);var blogStats = new Firebase(&quot;https://souh.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));blogStats.once(&#39;value&#39;, 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(&#39;name&#39;);isnew = true;}elem.text(data.value);data.value++;if(window.location.pathname!=&#39;/&#39;){if(isnew)blogStats.set(data);elseblogStats.child(&#39;value&#39;).set(data.value);}});});</script>

لا تنسا تغير الاسم المليون 

</head>  المرحلة الأخيرة ابحث عن هذا الوسم 

و فوقه ضع هذا الكود عادتا يكون الأول 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

و حفض القالب