Lompat ke konten Lompat ke sidebar Lompat ke footer

√ Cara Pasang Tombol Reaction Responsif (Emoticon Di Bawah Postingan) Di Blogspot Dan Website.

Di pembahasan kali ini saya akan membahas perihal Cara memasang Tombol Reaction, atau Tombol Emoticon Reaksi sesudah Postingan Artikel yang kita publish, jadi konsepnya tombol emoticon ini akan kita pasang sempurna di bawah postingan sebagai reaksi dari pembaca atau balasan mereka perihal isi dari postingan di blog. Tombol reaction ini pada umumnya menampilkan Suka, sedih, marah,biasa saja,dll

Tentunya dengan adanya tombol reaction ini menjadi daya tarik tersendiri bagi pengunjung alasannya ialah website/blogg terlihat profesional dan sangat menarik, dimana mereka yang membaca postingan dapat mengungkapkan reaksinya sesudah membaca postingan anda.


Baiklah pribadi saja... Untuk pemasangan Tombol reaction ini masih sama memakai plugin sharethis, jadi anda harus daftar terlebih dahulu jikalau sebelumnya anda belum memiliki akun sharethis.

Akan tetapi jikalau anda sudah memiliki akun sharethis dapat pribadi log in dan menambahkan button reaction di sajian pilihan web/blogg anda dan dapat pribadi simak langkah-langkahnya.

Untuk yang belum mendaftar akun di sharethis silakan baca postingan sebelumnya, dikarenakan telah ada pembahasan 2x perihal registrasi di Sharethis ini.

Baik pribadi saja, Saya asumsikan bahwa anda sudah mendaftar atau memiliki akun sharethis.

1.Silakan Login dan masuk ke sajian dashboard sharethis
2. Pilih sajian button reaction
3. Kemudian klik Inline reaction.
4. Klik tombol dari posisi OFF ke ON
Silakan lihat gambar


Jika sudah, selanjutnya kita akan menambahkan aba-aba html ke <data:post.body/>.

Langkah pertama, Silakan anda login dulu di blog > Thema(template) > EDIT HTML.
Selanjutnya anda cari aba-aba dibawah ini.
<data:post.body/>
Untuk mempermudah pencarian silakan gunakan CTRL+F untuk menemukanya.

Jika sudah ketemu silakan copy aba-aba dibawah ini dan paste-kan  tepat di bawah aba-aba <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='sharethis-inline-reaction-buttons'/> <div class='clear'/> </b:if>

Note: biasanya anda akan menemukan kode
 <data:post.body/> Lebih dari satu.
- jikalau ada 3, maka letakanlah di aba-aba yang kedua
- jikalau ada 2 aba-aba letakanlah di aba-aba yang pertama.
- jikalau ada 1 aba-aba maka letakan sempurna dibawahnya.
Selesai.

Itulah cara memasang aba-aba reaction dengan gampang dan tentunya Responsif.
Sumber https://syilent.blogspot.com/