Secara default, Blogger tidak menyediakan fitur ini, namun kita bisa memanfaatkan platform lain untuk memasang tombol Like dan Dislike, salah satunya dengan mendapatkan kode Like di situs Likebtn.com. Bagi kamu yang penasaran dan tidak tahu caranya, simak informasi berikut!
1. Kunjungi halaman web ini -->Like Button Generator
2. Ada 41 tampilan like dan dislike, kamu bebas memilih sesuai yang diinginkan. Sebelum dapat memasang tombol di blog, kamu bisa mengatur beberapa pengaturan, seperti menganti teks, menambah pop-up, dan sebagainya.
4. Ada hal yang tak boleh terlewat, setelah kamu mendapat kode Like Button, kamu harus menambahkan kode ini agar tombol like berfungsi pada setiap postingan yang kita miliki.
expr:data-identifier='data:post.id'
Letakkan kode diatas pada elemen span pertama atau tepat disamping data-counter_count="true"
Maka, setelah ditambahkan kode tersebut, akan jadi seperti ini.
<!-- LikeBtn.com BEGIN -->
<span class="likebtn-wrapper" data-theme="disk" data-ef_voting="grow" data-identifier="item_1" data-show_dislike_label="true" data-voting_frequency="1" data-counter_count="true" expr:data-identifier='data:post.id' data-popup_disabled="true" data-share_enabled="false" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
<span class="likebtn-wrapper" data-theme="disk" data-ef_voting="grow" data-identifier="item_1" data-show_dislike_label="true" data-voting_frequency="1" data-counter_count="true" expr:data-identifier='data:post.id' data-popup_disabled="true" data-share_enabled="false" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
5. Langkah terakhir, login ke blogger dan pilih edit HTML. Jika ingin meletakkan tombol Like dibawah postingan, maka masukan kode like tersebut sesudah tag <data:post.body/>
Nah itu dia cara menambahkan tombol like dan dislike di postingan blog. Semoga bermanfaat!
Artikel Lainnya
Artikel yang cukup membantu ka,saya cuma ingin bertanya itu bisa kita lakukan melalui handphone g ka?
ReplyDeleteAtau khusus versi desktop saja?
Via handphone juga bisa, caranya bisa dilihat di link ini ya😊
Delete--> Cara Edit/Menambahkan Kode HTML dari HP(klik disini). Nanti kalau kode like-nya sudah ditambah di HTML,semua postingan blog bakal berisi tombol like, contohnya seperti ini
--> Like Button(klik disini)