Untuk memasang tombol reaksi emoticon versi terbaru sangat mudah asalkan
anda mau bersungguh-sungguh mengikuti tutorial dari ilmu anak loea. Disini saya
khususkan untuk blogger alias blogspot . Perlu diketahui tombol reaksi adalah suatu cara untuk memicu dan memotivasi diri agar lebih bersemangat dalam membuat dan mendesain blog supaya terlihat lebih kren dan
profesional, selain itu anda juga akan mengetahui berapa saja orang yang sudah
melihat dan memberikan reaksi tanggapannya pada artikel yang anda buat.
Untuk itulah kali
ini saya akan memberikan tutorial singkat
tentang membuat reaksi button pada setiap
halaman postingan bog untuk versi
terbaru 2019. Kenapa saya katakan versi terbaru karena tampilan dashboard untuk versi yang lalu saat kita akan login berbeda dengan sekarang,
untuk jelasnya saya perlihatkan
screenshotnya yang saya foto langsung di PC saya ini dia tampilan saat akan login
Sedangkan untuk tampilan sebelumnya saat akan login lihat gambar dibawah
Setelah mengetahui Perbedaan tampilan dashboard, sekarang langsung menuju ke inti topik, Cara Membuat Tombol Reaksi di Blogspot versi terbaru 2019. Pertama langsung saja akses website resminya Sharethis atau detailnya tulis di browse Google https://sharethis.com bisa juga KLIK DISINI
Maka akan terbuka seperti gambar di bawah. Silakan klik Start With Share Button
Setelah itu akan tampil seperti gambar di bawah, silakan scroll atau gulir kebawah anda akan menemukan link atau menu yang tulisannya Next
Saat di scroll akan terlihat seperti gambar di bawah dan langsung saja klik Next
Secara otomatis saat anda mengklik Next tampilan gambar tersebut akan berubah seperti dibawah
Silakan klik HTML kemudian klik Next dan masukan email dan pasword
Setelah selesai memasukan email dan pasword klik Get The Code
Anda akan di bawah kehalaman ini silakan scroll atau gulir kebawah anda akan menemukan link kotak yang bertuliskan Continue To Dashboard langsung saja klik link tersebut maka akan muncul halaman pop up yang meminta anda untuk memasukan atau tuliskan url situs domain anda kemudian klik Confirm
Anda akan dihadapkan sebuah halaman yang menawarkan beberpa pilihan lihat gambar dibawah dan karena disini kita akan membuat tombol reaksi maka pilih Reaction Share Button langsung saja di klik
Akan muncul tampilan dashboardnya seperti gambar ini silakan klik Get The Code
Kemudian akan menampilkan script untuk di copy dan diletakan di blogspot yang anda daftar tadi melalui domain situs yang anda daftar barusan
Silakan di copy scriptnya kemudian buka blogger yang anda daftar tadi setelah berada pada bagian dashboard klik Tema- Lalu Klik Edit HTML. Silakan cari kode script <head> lalu pastekan script yang anda dapatkan tadi melalui dashboard sharethis tepat dibawah atau setelah <head> lalu klik Save atau Simpan Tema jika terjadi error atau gagal tambahkan kode amp; sebelum product dan jika cara ini masih juga gagal ganti scriptnya dengan cara kembali pada dashboard sharethis seperti pada halaman dibawah ini.
Lihat pada bagian kiri klik Setting maka seketika itu akan muncul seperti gambar di bawah. Lalu isi email dan password kemudian scroll atau gulir kebawah
Dan pada bagian bawah tepat tulisan Get the Code terdapat script klik terlebih dahulu Update.yang terdapat dibawah kotak pop up email dan password lihat gambar di bawah lalu script tersebut di copy dan digantikan script pertama tadi dan tetap tambahkan amp; sebelum product lihat contoh,
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5de5d77188343f00129f89db&product=inline-share-buttons' async='async'></script>
Setelah itu kembali ke dashboard Sharethis perhatikan gambar di bawah
Klik Verify Manually lau copy script yang ada di dalamnya, kodenya seperti ini, <div class="sharethis-inline-reaction-buttons"></div> ingat pada widget yang terdapat di bawah tulisan Reaction Share Button tepatnya diatas widget tombol reaksi bentuknya kotak kecil persegi empat warnah biru ditengahnya putih harus dalam posisi ON. Dan setelah semuanya oke, silakan menuju ke dashboard blogger tadi teapatnya di ruang HTML cari kode <data:post.body/> setelah ketemu pastekan script yang anda dapatkan tadi saat mengklik Verify Manually di Sharethis lalu klik Save atau Simpan tema dan lihat hasilnya di bawah halaman postingan blogger anda jika belum muncul maka jangan kecewa atau cemberut silakan cari kembali <data:post.body/> yang lainnya biasanya ada tiga lalu pindahkan script tadi seperti yang ini <div class="sharethis-inline-reaction-buttons"></div> dibawah <data:post.body/> yang kedua silakan coba satu persatu sampai tombol reaksi muncul.
Lihat DEMO
0 coment�rios:
Post a Comment