បង្កើតរាប់ចំនួនដោនលោត លើវេបសាយតាមលីងមួយៗ

របៀបដំឡើង Download Counter Plugin នៅក្នុង Blogger

ជំហាន ទី #១៖ Create Fire base Account 

ជំហានទី #២៖ Create Project At Fire Base 

ជំហានទី #៣ : Add Firebase to your web app កូដដូចខាងក្រោម

<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>

<script>

// Initialize Firebase

  var config = {

    apiKey: "SomeRandomLettersAndNumbers",

    authDomain: "something.firebaseapp.com",

    databaseURL: "https://something.firebaseio.com",

    storageBucket: "something.appspot.com",

    messagingSenderId: "១១១១១១១១"

  };

  firebase.initializeApp(config);

  </script>

ជំហានទី #៤៖ Install Download Counter Plugin

1. Sing in to Blogger account and go to Blogger Dashboard
2. Find Edit HTML
3. ស្វែងរក </head> ហើយនៅពីមុខវា. Past copy code នៅជំហានទី #៣
4. ស្វែងរក </body> copy code ខាងក្រោម នៅពីលើ </body>
   

   <!-- Download Counter by សុងហាក់ -->
   <script type="text/javascript">
   //<![CDATA[  var dCounters = document.querySelectorAll('.counterCont');
     [].forEach.call(dCounters, function(dCounter){
       var el = dCounter.querySelector('a');
       var cId = dCounter.id;
       var dDatabase = firebase.database().ref('dCounter').child(cId);
     
       // get firebase data
       dDatabase.on('value', function(snap){
         var data = snap.val() || 0;
         dCounter.querySelector('span').innerHTML = data;
       });
       
       // set firebase data
       el.addEventListener('click', function(){
         dDatabase.transaction(function(dCount){
           return (dCount || 0) + 1;
         });
       });
     });
   //]]>
   </script>

ជំហានទី #៥ ដាក់បញ្ហាញ ដោនលោត នៅលើប្លុក ដោយCopy Code ខាងក្រោម

<div class="counterCont" id="{$}"> <a href="{#}">Download</a> <span class="counterStat">...</span> </div>

សំគាល់៖

{$} ដាក់ Unique ID

{#} ដាក់ Links ដែលត្រូវដោនលោត

Download Code ...