شرح اضافه عداد المشاهده للمقاله firebaseio

مشاهدات الان
السلام عليكم

 الامر كله في المدونات اللى مفعله الامر بموقع

https://console.firebase.google.com/

وكمثال

https://abu-iyad.firebaseio.com

https://blogger-stores.firebaseio.com

ونتابع التطبيق للافضل

1- البحث عن

<data:post.body/>

تحته ويفضل الثاني والثالث ولقوالب الرسميه الاول

<div class="views-hayef5">

<div id='views-container'><span class='views-icon'/>

<i class="fa fa-eye takeitall-0"></i><div class='views-text'></div>

<div class='DrROloading viewscount' id='postviews'/>

</div></div>

2- البحث عن

</head>

فوقه

<script async="" src="http://code.jquery.com/jquery-1.7.0.min.js" type="text/javascript"></script>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>

3- البحث عن

</body>

فوقه

<style>

.views-hayef5 {

    font-size: 13px;

    float: right;

    color: #666;

    margin: 1px 3px;

    padding: 0 3px;

    clear: both;

    width: 100%;

}

.takeitall-0 {

    padding-left: 3px;

    border-left: 1px solid #ccc;

    margin-left: 3px;

    width: 18px;

    float: right;

}

div#postviews {

    float: right;

}

</style>

<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;DrROloading&#39;); var blogStats = new Firebase(&quot;https://abu-iyad.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;DrROloading&#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>

وسلامتكم

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""
    تعليق المدون
    تعليق الفيسبوك

0 التعليقات :

إرسال تعليق