Cara Menambahkan Tombol Like dan Dislike di Postingan Blog
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.
3. Setelah selesai mengatur tampilan like dan dislike, kamu bisa melihat demo dari tombolnya dan dibawahnya terdapat kode yang harus dipasang didalam HTML blog.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!
Related Posts
Subscribe Our Newsletter
0 Comments to "Cara Menambahkan Tombol Like dan Dislike di Postingan Blog"
Post a Comment