Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Reaction Button di Blog

Cara Menambahkan Reaction Button di Blog

Reaction Button - Sebuah tulisan yang kamu publikasikan di dalam blog pasti perlu memiliki penilaian dari penggunjung, untuk bisa mendapatkan penilaian konten yang sudah kamu tulis di blog dari visitor, maka sangat dianjurkan untuk kamu memasang tombol reaction button untuk mengetahui data penilaian tulisan kamu di blog.

Sebenarnya untuk tombol reaction disetiap platrom blog sudah disediakan secara standar, Hanya saja untuk segi tampilanya itulah yang membuat kita males untuk memasangnya karena kurang menarik di lihat.

Untuk blog yang menggunakan WordPress mungkin bisa menggunakan beberapa plugin dukungan untuk bisa mendapatkan tampilan reaction button yang keren, dibawah ini ada beberapa kumpulan plugin reaction yang sudah kami himpun untuk blog Wordpress.

Cara Menambahkan Reaction Button di Blog


Plugin Reaction Button Blog WordPress


Lalu bagaimana dengan nasib pengguna blogger? Apakah harus menggunakan plugin juga seperti WordPress? Jawabannya blogspot tidak mendukung sebuah plugin, jadi kita hanya bisa menggunakan situs penyedia reaction gratis yang disediakan oleh ShareThis.
Catatan — Tombol ShareThis adalah widget all-in-one yang memungkinkan kamu untuk berbagi konten apa pun di Website/Blog dengan teman-teman melalui email, AIM, atau pesan teks. Kamu bisa memasang tombol apapun di blog/web dengan menggunakan ShareThis ini, menariknya lagi, bukan hanya sekedar tombol reaction dan share button saja yang bisa kamu pasang. tetapi tombol related post dan juga tombol follow sosial media tersedia di sharethis ini.

Dalam halaman ini, kami akan membagikan beberapa trik pemasangan berbagai macam tombol yang disediakan di ShareThis, jadi dalam tulisan ini kamu bukan hanya memasang dan mengaktifkan fiktur reaction melainkan dengan tombol button lainnya juga.

Cara Memasang Tombol Reaction di Blog


  • Pertama adalah membuat akun di ShareThis dengan cara klik Daftar

  • Cara Menambahkan Reaction Button di Blog

  • Jangan lupa isi kolom domain dengan alamat blog kamu dan juga beri tanda ceklis di kotak Privacy Notice.
  • Setelah berhasil masuk, kamu pilih tulisan " Reaction Button > Inline Reaction Button "

  • Cara Menambahkan Reaction Button di Blog

  • Aktifkan cursor " Reaction Buttons " menjadi aktif > On
  • Salin kode <div class="sharethis-inline-reaction-buttons"></div>
  • Tambahkan kode HTML tersebut di bagian kode sesudah <data:post.body/>


Cara Memasang Scirpt ShareThis


  • Ini adalah kode buat mengakftikan seluruh tombol yang disediakan di sharethis.
  • Caranya buka Propety Settings > Copy kode sharethis.js

  • Cara Menambahkan Reaction Button di Blog

  • Nah letakan kodenya tepat dibagian atas kode penutup </head> atau bisa juga di atas kode </body>
Catatan — Jika ada Eror maka tambahkan kode amp; setelah tanda " & "karna HTML tidak bisa membaca tanda " & " maka harus di convert dahulu dengan menambahkan tanda kode amp;
  • Sebagai kode contoh bisa dilihat dikotak bawah ini.
<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5aee32b17782d000113e1528&amp;product=social-ab' async='async'></script>
  • Apabila sudah pas, silahkan " Simpan " pengaturan template.

Jika kamu ingin menggubah ukuran icon reaction, bisa kamu atur menggunakan CSS dibawah ini.
#st-1 .st-btn > svg {
    height: 40px!important;
    width: 40px!important;
}
Letakan kode CSS diatas dibagian atas kode </style> atau ]]></b:skin>
Catatan — Untuk pengaturan ukuran icon di CSS, height adalah untuk ketinggian icon dan kode width adalah lebar icon.

Mengaktifkan Email Berlangganan di Blog


Untuk mengaktifkan email berlanganan yang melayang di blog kamu, bisa kamu klik Content Services > Email List Builder > Aktifkan

Cara Menambahkan Reaction Button di Blog

Mengatur Tampilan Kotak email Berlangganan


Cara Menambahkan Reaction Button di Blog

  1. Headline - Adalah judul kotak email, contohnya " Berlangganan via Email "
  2. Message - Isi pesan ajakan untuk berlangganan konten artikel kamu, contohnya " Dapatkan artikel terbaru via email, dengan memasukan email Anda di kotak bawah ini "
  3. Button Label - Text tombol, misalnya " Subscriber "
  4. Color - Warna tombol yang ingin kamu gunakan, bisa di pilih sesuai selera.
  5. Thank You Message - Kata-kata ucapan Anda saat orang lain berlangganan artikel di blog kamu.

Mengaktifkan General Data Protection Regulation (GDPR) di Blog


Apa itu GDPR? mungkin ini pertanyaan kamu saat baru mengenalnya. GDPR adalah peraturan masalah Data Privacy yang diterapkan bagi seluruh perusahaan di dunia yang menyimpan personal data penduduk EU.

Untuk mengaktifkan di blog kamu, cukup kamu klik tulisan " GDPR "

Cara Menambahkan Reaction Button di Blog

Kemudian kamu klik pengaturan tombol dari Off menjadi On.

Pengaturan GDPR ShareThis

  1. PUBLISHER NAME * (this will be displayed in the consent tool) - Nama perusahaan kamu atau juga nama blog juga bisa
  2. WHICH USERS SHOULD BE ASKED FOR CONSENT? - Pilih sesuai dengan keinginan kamu
  3. CONSENT SCOPE - Pilih juga sesuai dengan ketentuan blog kamu
  4. SELECT LANGUAGE - Bahasa negara blog kamu, karena indonesia belum memiliki peraturan ini maka pilih saja bahasa inggris
  5. HOW WILL YOU USE CUSTOMER DATA? - Terserah ceklis sesuai dengan isi konten blog kamu.
  6. Choose your theme color - Pilih warna favorit kamu.

Tambahan


Untuk kode Share Button dan Follow Button langkahnya sama saja seperti langkah memasang Reaction Button seperti langkah pertama tadi.

Demikian trik singkat yang dapat kami sampaikan didalam halaman ini, Jika ada pertanyaan dari kamu jangan ragu untuk menulisnya di kolom komentar blog ini.

3 komentar untuk "Cara Menambahkan Reaction Button di Blog"

Kami memiliki kebijakan dalam berkomentar di Blog ini :

— Dilarang promosi suatu barang
— Dilarang jika memasang link aktif di komentar
— Dilarang keras melakukan promosi iklan
— Dilarang menulis komentar yang berisi sara, bully atau cemuhan

NB :Komentar yang melanggar tidak akan ditampilkan

Kebijakan komentar yang bisa Anda temukan selengkapnya disini

Dukungan :

Jika menyukai dengan artikel blog kami, silahkan Ikuti blog ini