- ជំហាន ទីមួយ៖ បង្កើត Account
-បង្កើតគណនេយ្យលើ FireBase ចុចលើនេះដើម្បីចុះឈ្មោះ
- ជំហាន ទីពី៖ បង្កើតproject លើ firebase
- ជំហាន ទីបី៖
- ជំហាន ទីបួន៖ របៀបដំឡើង ក្នុងប្លុង
- Go To Blogger > Template
- Backup your template
- Click Edit HTML
- *Search for </b:skin>. Click the black arrow to expand the code.
- Paste the following Styles just above </b:skin>
/*----- download counter by SongHak-----*/
.songhakloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBe8cSQ3NQemU_WVj9-eB4b3ZDT6_5Frn9ZyVuMGlY9WbV-Oqu4hmBeqfFp3x2IMpZB0ulM7t5lAvA-EHte_axHPwBAvSFoWht2pSFAXYf-QgBtjWs9EU_yS2z-DSzT9dW-GbBPEEbVjh/s1600/songhakloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}.blog-stats {color: #289728;font: bold italic 18px georgia, arial;float: right;}
Tip: - Now search </body> and just above it paste the following script:<!-- Download Counter by SongHak starts-->
<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($('[data-download-count=true]'), function (i, e) {
var elem = $(e).parent().find('#download-count').addClass('mbtloading');
var id = $(e).closest('.post-body').siblings('a[name]').attr('name') + "-" + $(e).attr('id');
var downloadStats = new Firebase("https://songhakblogstate-xxxxx.firebaseio.com/downloads/id/" + id);
var data = {}, isnew = false;
downloadStats.once('value', function (snapshot) {
data = snapshot.val();
if (data == null) {
data = {};
data.value = 0;
data.url = window.location.href;
data.id = id;
isnew = true;
}
elem.removeClass('songhakloading').text(data.value);
});
$(e).click(function (e) {
data.value++;
if (isnew) downloadStats.set(data);
else downloadStats.child('value').set(data.value);
});
});
</script><!-- Download Counter by MBT Ends-->
Replace songhakblogstate-xxxxx with your Firebase name that you created in step#2. - * Now search for <head> and paste the following JQuery library just below <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> - Save your blog and you are all done with coding!
- ជំហានបញ្ចប់ ៖
ដាក់ លីងលើPost ត្រូវអោយគេដោនលោត
<div style="width:120px;">
<a data-download-count="true" href="#">Download Now!</a>
<div class="blog-stats" id="download-count">
</div>
</div>
<a data-download-count="true" href="#">Download Now!</a>
<div class="blog-stats" id="download-count">
</div>
</div>
- Replace the # sign with your File link.
- You can write anything instead of Download Now! If your link is bigger in length then increase the width of the counter so that it shows the count in alignment.
Post a Comment