Cara Buat/Pasang Tombol Reaksi Emoticon di Postingan Blog

Cara Buat/Pasang Tombol Reaksi Emoticon di Postingan Blog

Selain menggunakan Vote atau kolom Komentar, pengunjung dapat menilai baik/buruk suatu Konten website melalui Tombol Reaksi berwajah Emoticon lucu.

Tombol Reaksi 😙 biasanya diletakkan dibagian akhir di setiap Artikel/Postingan blog. Jadi, dengan adanya tombol reaksi ini di Blog kalian diharapkan,
  • Menambah Interaksi dari pengunjung(tak sekedar membaca saja, namun ada gerakan yang dilakukan pembaca) sehingga dapat,
  • Mengurangi angka Bounce Rate(persentase pengunjung yang meninggalkan web/blog anda setelah HANYA membuka satu halaman saja. Misal, pengunjung tersebut membuka halaman utama web/blog atau halaman tertentu web anda, namun tidak membuka halaman lainnya. Sumber : JokoSusilo).
  • Pembaca/pengunjung semakin yakin/percaya akan isi dari Artikel.

BACA JUGA : Cara Pasang/Letakkan Slide Presentasi di Postingan Blog

Intinya sangat bermanfaat deh, apabila kalian Pasang tombol Reaksi ini di Postingan Blog, bagi anda yang ingin memasangnya ikuti Tutorial berikut!

Tutorial Pasang Tombol Reaksi Emoticon di Postingan Blog


Ingat, ini bukan Cara membuat Tombol Reaksi tetapi sekedar Memasangnya 😅 jadi, kita perlu layanan dari ShareThis untuk mendapatkannya.

1. Buka situs ShareThis, dan buatlah akun baru dengan mengisi alamat domain website/blog kalian tanpa http:// misalnya namaweb.blogspot.com
Buka situs ShareThis, dan buatlah akun baru

2. Klik "Get The Code" dan Copy kode tersebut dan Paste kan ke bagian Template blog kalian.
Copy kode tersebut dan Paste kan ke bagian Template blog kalian

Letakkan kode setelah tag <head> atau sebelum tag </head> dan Simpan. Maka, blog anda akan terverifikasi oleh ShareThis.

Bila mengalami error saat pemasangan kode, coba tambahkan amp; setelah kode &. Contohnya :
<script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5b57a5884970c900111bb7b9&amp;product=social-analytics' type='text/javascript'/>

3. Nyalakan layanan "Inline Reaction Buttons" dan klik tombol Copy untuk menyalin kode tersebut.
layanan "Inline Reaction Buttons" dan klik tombol Copy untuk menyalin kode

4. Pergi ke Edit HTML - CTRL + F(Untuk mencari kode <data:post.body/>) - Paste Kode yang kalian salin sebelumnya disamping/dibawah kode <data:post.body/>
Paste kan kode yang kalian salin sebelumnya disamping/dibawah kode <data:post.body/>

INFO : biasanya kode <data:post.body/> pada suatu template ada lebih dari 1. Jadi, 
  • Kalian bisa Paste Kode di semua <data:post.body/> atau,
  • Bila ingin menghemat baris kode, Paste Kode di salah satu <data:post.body/> dan cek satu-persatu.
5. Terakhir, beralih ke ShareThis. Klik tombol Update dan tunggu sekitar 5 menit/lebih untuk melihat hasilnya.
Klik tombol Update dan tunggu sekitar 5 menit/lebih untuk melihat hasilnya.

BACA JUGA : Cara Membuat Kode berwarna-warni di Postingan Blog

Bagaimana, mudah bukan? 😂👍 kalian tak perlu khawatir mengenai Pagespeed menurun, yang penting kegunaanya bagi pengunjung.

Kalian juga bisa tambahkan kata-kata Ajakan kepada pengunjung agar meng-klik Tombol Reaksi tersebut di bagian EDIT HTML.

Itulah Tutorial Lengkap untuk Memasang Tombol Reaksi Emoticon di Postingan Blog, maju terus #bloggerindonesia 😁#ayeaye