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

 

بامكان كل مدونات بلوجر ان تظهر رسم احصاء او لبيان عدد المشاهدات لموضوع او تدوينة فى بلوجر
يمكننا الان انشاء احصاء لااظهار عدد المشاهدات بدون القلق من وجود سيرفر او كود للسيرفر .
يمكنك الان انشاء مساحة مجانية لتلك المشاهدات ليتم حفظها من الضياع بدون القلق على انتهاء المساحة مع الوقت


يجب اولا ان يكون لديك حساب فى موقع Firebase Database
وهو الموقع الذى ستكون وظيفتة هى حفظ عدد المشاهدات بدلا من اى سيرفر 

قم بتسجيل حساب لديك فى الموقع Firebase

لانشاء كود لسيرفر المشاهدات عبر اضافة كود الموقع المسجل منه المشاهدات

ليصبح الكود بهذا الشكل مثلا : livegy.firebaseI.com


الان يتبقى اضافة لدينا كود الاداة فى القالب
قم بالتوجة لموقع بلوجر > اختر قالب
اضغط على تعديل HTML
اختر توسيع القالب

قم بالبحث عن ]]></b:skin>
وفوق هذا الوسوم قم بلصق الكود التالى ..

    /*-------- Post Views  ----------*/
    #views-container {
    width: 75px;
    float: right;
    }

    .mbtloading {
    background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/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://lh3.googleusercontent.com/-VkSc0WUHXEo/USaed9QBcOI/AAAAAAAAGi8/QOsSf1tg01E/h120/postviews.png') no-repeat left;
    border: 0px;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    padding: 0px 2px;
    }

- لتغيير لون خط عدد المشاهدات قم بتغيير هذا الكود EE5D06
 - لتغيير مكان تواجد عدد المشاهدات اما اليمين او اليسار


الان قم بالبحث عن الوسوم التالى </body>
وفوق هذا الوسوم قم بلصق الكود التالى ..

<!-- Post Views Script by MBT --><script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<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;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://livegy.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.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>

- تأكد من وضع رابط حسابك من موقع firebase

ابحث عن الكود التالى ..

</data:post.body>

- اذا ظهر لك سطرين من هذا الوسوم اذن اختر الان

قم بلصق الكود التالى فوق الوسوم السابق ..
<!-- Post Views Counter by MBT-->      
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>

- قم بتغيير هذه الكلمة للمشاهدات او الاحصائيات او views 

الان مع اخر خطوة فى اضافتنا الممتعة جدا ;)

الان قم بلصق الكود التالى اسفل الوسوم <head>

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

اتمنى ان تكون هذه الاضافة الجديدة اعجبتكم ,, للحصول على كل جديد اشترك فى صفحة الفيسبوك LivEgy
-------

هناك تعليق واحد:


  1. جزاك الله خرا مو ضوع اكتر من رائع تفضلو بزيارة موقع وشكرا

    اسم المدونة : مدونة بلوجر توب
    مدونة بلوجر توب

    ردحذف

سياسة الخصوصية - DMCA

جميع محتويات الموقع لا تنتهك حقوق الملكية عند وجود أي مشاركة مخالفة يرجي الابلاغ هنا

المدونة غير مسئولة عن اى تعليقات فى حالة المسائلة القانونية

(فالتعليقات تعبر عن رأى صاحبها فقط)

برامج مجانية

yahoo messenger google earth internet explorer media player skype yahoo messenger flash player yahoo messenger google chrome