Cara Memasang Tombol Reaksi di Blogger Dengan ShareThis

Cara Memasang Tombol Reaksi di Postingan Blogger Dengan ShareThis - Jika berbicara tentang tombol reaksi di postingan blog pastinya sudah tidak asing bagi sobat blogger. Tombol reaksi yang di gambarkan dengan emoji senang hingga kesal ini bisa sobat pasang di blog yang sobat kelola yang tujuannya tentu saja untuk mengetehui umpan balik pengunjung ketika selesai membaca postinggan blog kita.

Dan sebenarnya blogger sendiri juga sudah menyediakan tombol reaksi yang bisa kita aktifkan di blog kita, akan tetapi tampilan tombol reaksi bawaan blogger ini tidak begitu menarik dan bisa di bilang hanya kotak kecil yang kurang menawan, maka dari itu jika sobat ingin menggunakan tombol reaksi yang bisa dikatakan cukup cute, sobat perlu menggantinya dengan tombol reaksi dari ShareThis ini.

Tombol Reaksi untuk blogger yang disediakan oleh ShareThis ini sudah tidak sedikit digunakan oleh para blogger, baik mereka yang ingin mengetahui reaksi visitor mereka ataupun sebagian kecil dari mereka memasang tombol reaksi dari vicomi ini hanya untuk hiasan blog saja, dan pula sebagian dari para blogger yang menggunakan tombol reaksi dari vicomi.

Selain Tombol reaksi yang bisa sobat pasang di blog ataupun web yang sobat kelola, ShareThis ini juga menyediakan widget tombol berbagi yang juga bisa sobat pasang di blog sobat. Dan bisa dikatakan sharethis ini merupakan salah satu platform yang sangat popular di kalangan kancah blogger dengan fitur-fitur yang sangat menakjubkan.

Untuk sobat yang tertarik ingin mencoba bagaimana cara membuat dan memasang tombol reaksi di postingan blogger dengan sharethis ini, sobat hanya perlu menambahkan sedikit script dari sharethis yang nantinya wajib sobat pasang di template blog yang sobat gunakan. Sombat juga bisa memilih dan menentukan emoji apa saja yang akan sobat gunakan di blog sobat.

Memasang Tombol Reaksi di Blogger Dengan ShareThis

Pertama, Jika sobat belum memiliki akun sharethis, silahkan sobat buat akun terlebih dahulu melalui https://platform.sharethis.com/sign-up.

Pada tahap ini, silahkan sobat isi form yang dibutuhkan seperti : email (untuk verifikasi), kata sandi dan url blog sobat seperti gambar dibawah ini, kemudian klik Get Started - It's Free

Setelah berhasil masuk ke dashboar sharethis, silahkan klik Get Code untuk melakukan verifikasi blog sobat.



Selanjutnya, silahkan silahkan copy kode yang diberikan oleh sharethis dan simpan sebelum kode </body> atau sebelum code &lt;!--</body>--&gt;

Jika waktu menyimpan setelan template terdapat error, silahkan tambahkan amp; setelah kode property. Brikut contoh sebelum di edit :

<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5aee32b17782d000113e1528&product=sticky-share-buttons"></script>

Setelah di edit :

<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5aee32b17782d000113e1528&amp;product=social-ab' async='async'></script>

Silahkan coba Simpan kembali setelan template sobat.

Jika sudah, kembali ke dashbor ShareThis dan silahkan sobat klik tombol Verify. Setelah itu akan muncul pesan All systems go! We've verified sharethis.js in installed dan dengan ini Widget atau tombol reaksi ShareThis siap digunakan. Biar lebih afdol, silahkan sobat klik menu Property Settings. Kemudian klik tombol Resend Verification Email dan silahkan sobat cek email untuk verifikasi email dari ShareThis.

Setelah sobat memasang script sharethis dan menverifikasi akun sharethis, selanjutnya sobat tinggal mengaktifkan tombol mana yang ingin dimunculkan di blog, karena kita akan menggunakan tombol reaksi saja maka silahkan sobat klik klik menu Reaction Button dan pilih Inline Reaction Button, dan aktifkan tombol dari off ke on seperti gambar dibawah ini



Jika sudah melakukan step-step diatas, maka langkah terakhir sobat tambahkan kode HTML Reaction Buttons ini ke dalam template setelah kode <data:post.body/>. Jika dalam template sobat gunakan terdapat beberapa kode <data:post.body/>, silahkan sobat letakkan kode Reaction Buttons ini setelah kode <data:post.body/> yang terakhir atau sobat juga bisa mencobanya satu persatu.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='sharethis-inline-reaction-buttons'/>

<div class='clear'/>

</b:if>

Langkah terakhir silahkan sobat Simpan setelan template sobat. Dan untuk melihat hasilnya silahkan cek postingan blog sobat, jika tombol reaksi tidak muncul maka silahkan pindahkan kode diatas setelah kode <data:post.body/> yang lainnya.

Sobat bisa juga hanya menggunakan kode ini <div class='sharethis-inline-reaction-buttons'/> dan letakkan diatas widget postingan. Dan pastinya penempatannya masih setelah kode <data:post.body/>, sebagai contoh di template Infinite Arlina saya meletakkan kodeReaction Button ini diatas pemanggil widget sharethis, untuk lebih jelasnya mungkin sobat bisa perhatikan gambar dibawah ini.



Untuk hasilnya sobbat bisa cek disini

Demikian tutorial Cara Membuat dan Memasang Tombol Reaksi di Blogger Dengan ShareThis yang dapat saya bagikan kali ini semoga bermanfaat. Jika ada pertanyaan mengenai artikel ini, silahkan sobat tinggalkan komentar. Selamat mencoba dan salam luar biasa.

Share this post