Cara Membuat Feedback Dengan Count

Sebelumnya saya sudah pernah share cara buat Feedback sederhana tapi itu tidak masuk ke database hanya ke google analytics saja dan pada kesempatan kali ini saya akan membuat yang berbeda dari sebelumnya tentu saya padukan dengan tutorial sebelumnya jadi akan terlihat keren dan bagus. Sebelum ke dilanjut saya tidak akan menjelaskan apa itu Feedback dan jika sobat ingin tau silahkan cari di google saja.

Feedback ini saya buat terinspirasi dari elcreativeacademy tentu untuk kodenya pasti tidak sama dengan yang punya dari situs tersebut tapi tetap mirip kok meskipun berbeda kan penting fungsinya sama saja untuk memberikan Feedback pada artikel yang kita buat. So bagi sobat yang ingin mencobanya bisa langsung dibaca dibawah ini.

Cara Membuat Feedback Dengan Count

Pertama buka Blog > klik Tema > klik Edit HTML

Kedua copy kode berikut dan taruh kodenya seterah sobat kalau saya setelah Tombol Share di blog.

<div class='survey' expr:data-id='data:post.title'>
        <div class='title'>Apakah Artikel Ini Bermanfaat ?</div>
        <div class="box-vote">
            <button class="yes" type="button">Yes <span class="like" id='like'>0</span></button>
            <button class="no" type="button">No <span class="dislike" id='dislike'>0</span></button>
        </div>
      </div>

Ketiga copy kode berikut dan taruh kodenya setelah kode </style> atau </b:skin>

/* Survey */
.survey{display:block;text-align:center;border-top:thin solid rgba(0,0,0,0.1);}.title{margin:10px;}.box-vote button{border:thin solid rgba(0,0,0,0.1);padding:10px;background:none;border-radius:5px;cursor:pointer;}

Selanjutnya adalah kode dari firebase dan kalian ngak perlu buat firebase sendiri, taruh kodenya tepat diatas </body> atau </head>

<script src="https://www.gstatic.com/firebasejs/7.2.1/firebase-app.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
<script def="" async="" src="https://cdn.statically.io/gh/malestea/Blogger/main/Javascript/feddblog.js"/>

Terakhir klik Simpan Tema

Bagaimana hasilnya ? bisa sobat test dibawah ini untuk melihat hasil dari kodenya. Update

kode saya fix ternyata Local Storage nya gak aktif jadi bisa berulang sekarang sudah fix dan ada penambahan kode, logikanya seperti youtube cuman saya masih binggung pas klik like sama dislike biar ga masuk ke firebase nanti diupdate lagi