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

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

 

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


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

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

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

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


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

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

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

    .mbtloading {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRUk_LeQa4SPJ6mVPqsXz1XhK9zRA03ZTKUMdFvTVixg2jU2ucscM49Jv2vN1zTSt3eEtWImYE7psWflrogNMtjXGwV-cXyK01lRbx5FQMm1VNy8tengZ8SiJVZmdGZRiEV5hmKtvg_0E/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/AVvXsEiw31zx2fXYZWeKYm30tyHz1J_iX5mntY7WDIONfCx2gxkiVmmo7pIYKYiyot4XeMdUWJMI9y0P9pCrZcLj_zW5cJa65enXB1o__52njGAFQtTSD1T18WOEPL6ZpXDOw5Rl6PoffHTm7WsO/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

التعليقات

الاسم

اخر الاخبار,20,اطفال,1,بث قناة العربية,1,بث مباشر,2,تردد قنوات اطفال,1,ترددات,1,قناة العربية,1,قناة الغد,1,قناة الغد اونلاين,1,قنوات اطفال,1,قنوات تلفاز,1,مشاهدة اونلاين,1,مشاهدة قناة الغد اونلاين,1,blogger tools,3,blogger widget,11,CSS3 Tutorial,9,facebook,3,fix computer problems,15,free-live-tv,74,Free-programe,49,google-adsense,21,hacks-for-blogs,17,seo blogger,11,tips-for-bloggers,44,
rtl
item
Blogger - TV Channel: اضافة عدد مشاهدين التدوينة فى بلوجر
اضافة عدد مشاهدين التدوينة فى بلوجر
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLRrxu-r9CSsnYwRs12qun3yq0uKviQGOlqrHOoRhLsRtVpVvB2n6uqspxT4POYKL-ykAUp43T0iQcCJ3Ls8jZkVrDMRboHuWP4Bgcmo7fBqKFRW80rhso65T7YUftfuJLGya7cqIG7lu/s400/Display+Post+Views+Count+in+Blogger.bmp
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLRrxu-r9CSsnYwRs12qun3yq0uKviQGOlqrHOoRhLsRtVpVvB2n6uqspxT4POYKL-ykAUp43T0iQcCJ3Ls8jZkVrDMRboHuWP4Bgcmo7fBqKFRW80rhso65T7YUftfuJLGya7cqIG7lu/s72-c/Display+Post+Views+Count+in+Blogger.bmp
Blogger - TV Channel
https://livegy.blogspot.com/2013/02/display-post-views-count-in-blogger-new.html
https://livegy.blogspot.com/
https://livegy.blogspot.com/
https://livegy.blogspot.com/2013/02/display-post-views-count-in-blogger-new.html
true
3483636283957222768
UTF-8
تحميل كل المنشورات لا توجد أي منشورات مشاهدة الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الرئيسية الصفحات المنشورات مشاهدة الكل مقترح لك تصنيف الأرشيف بحث كل المنشورات لا يوجد أي منشور يناسب طلبك العودة للرئيسية الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت Sun Mon Tue Wed Thu Fri Sat يناير فبراير مارس إبريل مايو يونيو يوليو أغسطس سبتمبر أكتوبر نوفمبر ديسمبر Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec حالاً منذ دقيقة واحدة $$1$$ دقائق مضت ساعة مضت $$1$$ ساعات مضت أمس $$1$$ أيام مضت $$1$$ أسابيع مضت أكثر من 5 أسابيع مضت المتابعين تابع THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy