عداد التحميلات ,اضافة حصرية لمدونات بلوجر

هل تريد معرفة كم شخص قام بتحميل ملف ما من على مدونتك او حتى كم شخص قام بالظغط على هذا الرابط , نعم نعم مثل مواقع الرفع الشهيرة التي تبين لك من حمل ملفك او مواقع اختصار الروابط التي تبين كم شخص ظغط على هذا الرابط !!

معاينة

اولا عليك انشاء حساب على موقع firebase من هنا
ثانيا قم بانشاء قاعدة بينات ستجد صندوق قم بوضع الid الحاص بك تم قم بالظغط علىCreat New APP كما بالصورة

قمت بالحصول على الid الذي انشئت به قاعدة البينات لاننا سنحتاجه لاحقا
لاضافة عداد التحميلات لمدونتك اتبع الخطوات
1-اذهب الى بلوجر >> القالب
2-خذ نسخة احتياطية من قالبك
3-اضغط على تعديل HTML
4-ابحث(CTRL+F) عن الوسم التالي </body>
5-قم بلصق الكود التالي فوقه مباشرة

 <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;mbtloading&#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://sweup.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;mbtloading&#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>