Cara Menampilkan Tombol Reaksi di Komentar Blogger

Para penjelajah situs di internet mungkin sudah tak asing lagi dengan yang namanya tombol reaksi pada blog. Terkadang saat sedang membaca sebuah artikel di sebuah blog, dan selesai membacanya, secara tidak sengaja menemukan semacam tombol reaksi yang memiliki gambar unik yang menggambarkan reaksi mulai dari senang hingga kesal.

Sebetulnya tanpa mengokuti tutorial berikut ini kamu sudah bisa memasang tombol reaksi di Blogger. Karena Blogger sendiri sudah menyediakan fitur tombol reaksinya, meskipun tampilannya cukup sederhana.

Nah, jadi kali ini bagi kamu yang ingin memasang tombol reaksi di Blogger, atau lebih tepatnya di blogmu, kamu dapat mengikuti cara dibawah ini :

1. Kamu harus membuat sebuah akun di situs Vicomi
2. Klik tombol Get Your Free Reaction Tools Now
3. Pilih Code For HTML Website
4. Klik tombol Get the code for HTML website
5. Isikan formnya dengan lengkap, alamat blog, email, dan password
6. Salin dan tempel kode yang disediakan kedalam blog
   Tempel kode berikut diatas </body>

Kode :

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

<script type=’text/javascript’>

//<![CDATA[

// Tombol Reaksi Vicomi

!function(){var e=document.createElement(“script”);e.async=!0,e.src=”https://assets-prod.vicomi.com/vicomi.js?token=1d852d9a6638475caf87db6cf9dd5255″;var c=document.getElementsByTagName(“script”)[0];c.parentNode.insertBefore(e,c)}(); //]]> </script>

</b:if>

7. Lalu tambahkan juga kode HTML di bawah ini setelah kode <data:post.body/>paling bawah yang dibungkus Tag kondisional halaman artikel.

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

<div id=’kabarvicomi’>

<div class=’kabarvicomi’>

<div data-access-token=’1d852d9a6638475caf87db6cf9dd5255′ data-display-type=’4′ id=’vc feelback-main’/>

</div>

</div>

</b:if>

8. Agar tampilannya rapi dan cantik, maka silahkan Anda tambahkan CSS berikut ini diatas kode </style>.

#kabarvicomi{position:relative;margin:0 auto 20px auto;overflow:hidden}

.kabarvicomi{margin:-28px auto 0 auto}

9. Setelah itu klik tombol Simpan, dan lihat hasilnya.

Semoga bermanfaat ya teman-teman..

By. Arlina Design

Anda bisa lihat artikel lainnya : Kenapa Harus Menghapus CSS, Javascript dan Widget Pada Blogger Kamu?