Cara Membuat Feedback di Blog - KodeRian

 Halo sobat KodeRian pada kesempatan kali ini saya akan membagikan sebuah Tutorial untuk Blogger yaitu "Cara Membuat Feedback di Blog" seperti yang kita ketahui bahwa Feedback sangat menguntungkan untuk kita dan bisa mengetahui pengunjung menyukai artikel/postingan yang ada di web/blog dengan mudah hal ini pasti membuat kita menjadi lebih bersemangat untuk membuat artikel bermanfaat dikemudian hari lagi.

Tapi ada saja pengunjung atau hater biasanya suka memberikan Feedback buruk meskipun kita ga tau apa alasan nya dan memang pasti bakal ada disetiap orang sih, akan tetapi jangan terlalu dipikirkan ambil positif nya saja sob. Seperti saya ini yang pengunjung dikit tapi update terus saja.

Saya jelaskan Manfaat dari Feedback/Umpan Balik ini dulu sob, sebelum masuk ke Tutorialnya sob biar pemahaman dan wawasan menjadi semakin meluas.

Apa itu Feedback?

Feedback adalah tanggapan atau respon yang diberikan oleh seorang komunikan (penerima pesan) kepada komunikator (pemberi pesan) menyampaikan pesanya. Sederhananya, Feedback adalah respon atau tanggapan yang kita berikan atas pesan yang disampaikan orang lain kepada kita.

Kalau diblog sebut saja seperti ini, seorang pengunjung memberikan tanggapan kepada pembuat artikel.

Apa Feedback Penting?

Feedback sangat Penting sekali dalam Komunikasi untuk menyelesaikan keseluruhan proses komunikasi dan membuatnya terus berlanjut. Feedback mendukung proses komunikasi. Feedback membuat seseorang tahu jika seseorang benar-benar memahami apa yang sedang dikomunikasikan.

Kalau diblog itu seperti pengunjung membuat komentar dan memberikan tanggapan baik atau tidak untuk membuatnya berlanjut tidaknya sang creator.

Semisal kurang lengkap kalian bisa cari lagi lebih lanjut saya hanya memberikan 2 poin penting saja.

Lanjut aja ke Tutorialnya untuk menampilan Feedback di blog sobat dan pastinya ini bersifat Realtime sesuai pengunjung yang memberikan tanggapan kepada artikel sobat. Untuk database nya biarkan saja ke punya saya biar ga ribet nantinya.

Cara Membuat Feedback di Blog

1. Buka Blogger 

2. Klik Tema > Edit HTML 

3. Tambahkan kode CSS berikut diatas </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;}

4. Tambahkan kode Javascript berikut diatas </head> atau </body>

<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"/>

5. Terapkan kode pemanggilnya seterah sobat, kalau saran saya diatas Tombol Share

<div class='survey' expr:data-id='data:post.title'>
    <div class='title'><b:switch var ='data:blog.locale'><b:case value='id'/>Apakah Artikel Ini Bermanfaat ?<b:default/>
Was This Article Helpful?</b:switch></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>

6. Untuk lebih jelasnya lihat Gambar berikut

7. Kalian bisa CTRL+F untuk mencari tombol share biar lebih cepat

8. Simpan Tema dan lihat hasilnya

Kodenya saya rubah sedikit agar bisa menyesuaikan dengan bahasa yang ada diblog kalian.

Untuk sobat yang ingin melihat bagaimana sih hasilnya ? bisa Tekan button dibawah ini.

Demo Feedback

Demo

Source code: https://www.malestea.com/2019/10/cara-membuat-feedback-dengan-count.html

Sampai disini saja dulu dan artikel pada blog ini akan terus saya update Setiap Hari meskipun cuman Satu atau Dua saja tapi itu lebih baik daripada Tidak :#