Cara Membuat Feedback Dengan Count

Rian
Rian

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
Apakah Artikel Ini Bermanfaat ?

13 comments : Cara Membuat Feedback Dengan Count

  1. M. Limon
    It didn’t worked bro.. Do you have a demo?
    • Rian
      yeah, i have demo, u can see this https://www.malestea.com/p/test[,]html just change the , to .
    • Rian
      i update code now, for work u need the js firebase
    • M. Limon
      Thanks broπŸ™ƒ
    • Rian
      your welcome
    • M. Limon
      Bro there is a bug πŸ€” you can click multiple time from same ip that's mean you can like as much as you want or dislike as much as you can 😐 FIX THIS BRO
    • Rian
      oke bro, thank for information, i fix this and update post again
    • M. Limon
      Ok waiting
    • Rian
      post already update now sob, u can try again
    • M. Limon
      Nice bro awesome
  2. M. Limon
    This will fix your white comment box background problem.
    • Rian
      thank to info, i can this fix now
  3. M. Limon