mawke3ea

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

    .DrROloading {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJQWSg4CT6fIVqpkEbTmchPP6V9dmMbZv4T2UK3CdIYd16jv7gc92HGPX83jMz-d5TQ0OqD0t_lErQ1wlSEsZ92CJF59Xr4tuTQiuprV6qq87Z4vrK_Wib3GT9FUXkv2YWCEPNhGlURVW/s32-no/Mini+balls.gif') no-repeat right center;
    width: 16px;
    height: 16px;
    }

    .viewscount {
    float: right;
    color: #EE5D06;
    font: bold italic 14px arial;
    }

    .views-text {
    float: right;
    font: bold 12px arial;
    color: #333;
    }

</body>

<!-- Post Views  -->      
<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://condaianllkhir.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>

<!-- Post Views Counter -->      
<div id='views-container'><span class='views-icon'/><div class='views-text'>عدد المشاهدات:</div> <div class='DrROloading viewscount' id='postviews'/></div>

</b:skin>

    /*----- download counter -----*/

    .DrROloading {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJQWSg4CT6fIVqpkEbTmchPP6V9dmMbZv4T2UK3CdIYd16jv7gc92HGPX83jMz-d5TQ0OqD0t_lErQ1wlSEsZ92CJF59Xr4tuTQiuprV6qq87Z4vrK_Wib3GT9FUXkv2YWCEPNhGlURVW/s32-no/Mini+balls.gif') no-repeat left center;
    width: 16px;
    height: 16px;
    }

    .blog-stats {
    color: #289728;
    font: bold italic 18px georgia, arial;
    float: right;
    }

</body>

<!-- Download Counter starts-->
    <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;[data-download-count=true]&#39;), function (i, e) {
        var elem = $(e).parent().find(&#39;#download-count&#39;).addClass(&#39;DrROloading&#39;);
        var id = $(e).closest(&#39;.post-body&#39;).siblings(&#39;a[name]&#39;).attr(&#39;name&#39;) + &quot;-&quot; + $(e).attr(&#39;id&#39;);
                              var downloadStats = new Firebase(&quot;https://downloadcount.firebaseio.com/downloads/id/&quot; + id);
        var data = {}, isnew = false;
        downloadStats.once(&#39;value&#39;, function (snapshot) {
            data = snapshot.val();
            if (data == null) {
                data = {};
                data.value = 0;
                data.url = window.location.href;
                data.id = id;
                isnew = true;
            }
            elem.removeClass(&#39;DrROloading&#39;).text(data.value);
        });
        $(e).click(function (e) {
            data.value++;
            if (isnew) downloadStats.set(data);
            else downloadStats.child(&#39;value&#39;).set(data.value);
        });
    });
    //<![CDATA[
    $(document).ready(function () {
      //checks if the number of posts on this page are more than one then return.
      if($('.post-outer').length > 1)
      return;
      //selects the element to be made sticky.
      var stickElement = $('.date-header'),
        //selects the element which would trigger the sticky elem to go away
        hideTrigger = $('#comments'),
        //class name to be added (it should match the class in CSS)
        fixed = "fixed",
        top = stickElement.offset().top;
      $(window).scroll(function (event) {
        var y = $(this).scrollTop();
      var maxY = hideTrigger.offset().top;
        if (y >= top && y < maxY) {
          stickElement.addClass(fixed);
        } else {
          stickElement.removeClass(fixed);
        }
      });
    });
    //]]>
    </script>

    <!-- Download Counter Ends-->

<div style="width:120px;">       
<a data-download-count="true" href="رابط التحميل">Download Now!</a>       
<div class="blog-stats" id="download-count">       
</div>       
</div>