Trik Dan Tips Cara Menciptakan Tombol Reaksi Blogger Dengan Sharethis

Kode verifikasi sharethis account

Selanjutnya menempatkan/ memasang isyarat html tombol reaksi ke dalam template blog

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

Dimana posisi isyarat html tombol reaksi harus di tempatkan? Penempatan isyarat html tombol reaksi "<div class='sharethis-inline-reaction-buttons'/>" yang paling gampang ialah dibawah kode <data:post.body/>, sama menyerupai cara memasang iklan adsense dibawah artikel. Jika template blog mempunyai 3 hingga 4 kode <data:post.body/> maka tempatkan isyarat tombol reaksi dibawah kode <data:post.body/> yang ke 3 atau ke 2 atau cobalah satu persatu. Pertinjau dan refresh blog sesudah menempatkan kode.

Jika kurang puas dengan metode pemasangan tombol reaksi menyerupai diatas mari kita simak metode pemasangan isyarat html tombol reaksi berikut ini;

Memasang Kode Tombol Reaksi ShareThis

Pastikan isyarat javascript plugins sharethis sudah di pasang diatas tag </body>, selanjut-nya copy isyarat html tombol reaksi berikut ini dan letakkan dibawah kode </article> atau dibawah kode <div class='post-footer'>.

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

<b:if cond='data:top.showReactions'>
<div class='stlbreaction-buttons'>
<div class='sharethis-inline-reaction-buttons'/>
</div>
</b:if>
</b:if>

Catatan: Jika pada template blog terdapat dua (2) kode <div class='post-footer'> maka pasang isyarat tombol reaksi menyerupai diatas sempurna di posisi bawah kode <div class='post-footer'> yang ke 2, save template untuk mengakhiri pemasangan isyarat tombol reaksi.

Untuk menampilkan tombol reaksi-nya silahkan pergi ke Tata Letak blogger > Blog klik Edit dan centang checkbox "Tampilkan Reaksi" menyerupai pada tumpuan gambar dibawah ini.

Menampilkan Tombol Reaksi Blogger

Selesai...! Tombol reaksi via sharethis telah berhasil di buat dan di install kedalam html template blogger, mungkin kau ingin sedikit sentuhan css bordir semoga tombol reaksi semakin menarik, tambahkan css ini diatas kode ]]></b:skin> jikalau diperlukan.

.stlbreaction-buttons{margin-top:10px;border:1px solid #e0e0e0;}

Demikan saja dari saya "Cara menciptakan tombol reaksi blogger dengan Plugin ShareThis" Jika tidak suka dengan tombol reaksi ini tidak perlu dihapus, cukup hilangkan centang reaksi melalui tata letak blog anda, Semoga artikel ini bermanfaat dan menambah ilmu bagi kita semua, Jangan lupa subscribe blog ini dan hingga jumpa kembali.