Menampilkan Tombol Reaksi di Komentar Blogger

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>

  1. 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>

  1. 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}

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

Menampilkan Tombol Reaksi di Komentar Blogger

Semoga bermanfaat ya teman-teman..

By. Arlina Design

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

ADD YOUR COMMENT

Mau Belajar Bisnis Dan Internet Marketing
Dengan Expertnya ? Join Disini ya..

Terima kasih Anda sudah subscribe di newsletter kami.

There was an error while trying to send your request. Please try again.

TitikDigital : Belajar Bisnis Dan Internet Marketing will use the information you provide on this form to be in touch with you and to provide updates and marketing.