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

 

/*-------- Post Views ----------*/

#views-container {

width: 75px;

float: right;

}

.mbtloading {

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXI6cQRz8SU_QLVCOf7f0SeQCYZPFpiq_40e2cmU0etVF2Lxls92OyzQirSN-367G00bOWEogr6hpElJJcR2ugMqvwlnn4GEb5cECShnaoUmnLJ-mSNwCIG_ODs-N2SCHfUlc3yI2wRpj/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/AVvXsEja8vt2wPBAvN5wZr62oC4-KgJjFAAe_y0cRk7hY-WmkRDby3to2LCgFoTCGAwisgRJ0T3ch4-NzSkNGWYorYKbVpcqRyp5AYe3p96m3m9MxJoCwP8VBtHfDlsbXL3Ig_2sGkB_L0HomfXH/s1600/postviews.png') no-repeat left;

border: 0px;

display: block;

width: 16px;

height: 16px;

float: left;

padding: 0px 2px;

}

<!-- Post Views Script by MBT -->

<script type='text/javascript'>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>

<script>

$.each($('a[name]'), function(i, e) {

var elem = $(e).parent().find('#postviews').addClass('mbtloading');

var blogStats = new Firebase("https://ahmed-alsaadi.firebaseio.com/pages/id/" + $(e).attr('name'));

blogStats.once('value', 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('name');

isnew = true;

}

elem.removeClass('mbtloading').text(data.value);

data.value++;

if(window.location.pathname!='/')

{

if(isnew)

blogStats.set(data);

else

blogStats.child('value').set(data.value);

}

});

});

</script> 

 

<!-- Post Views Counter by MBT-->

<div id='views-container'>

<span class='views-icon'/><div class='views-text'>

الزيارات:</div>

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

</div>

... نهاية الشرح ...

اقرا ايضا :

درس انشاء السلايد شو بـ 3 طرق slideshow

سلايدشو SlideShow لمدونات البلوجر بأستخدام الجافا Java

ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل

لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل