Cara Memasang Tombol Reaksi Postingan di Blogger dengan Vicomi

Bagikan artikel ke:

Facebook Google+ Twitter

Penulis Muhamad Nurul Huda

Cara Memasang Tombol Reaksi Postingan di Blogger dengan Vicomi - 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 tutorial berikut.

Kali ini kamu akan membuat tombol reaksi melalui sebuah web bernama Vicomi.

Dan berikut adalah tutorial yang Admin dapat setelah browsing dari web Arlina Desain :

1. Buat sebuah akun di situs Vicomi

2. Klik Get Your Free Reaction Tools Now

3. Pilih Code For HTML Website

4. Klik Get the code for HTML website

5. Isikan formnya dengan lengkap, alamat blog, email, dan sandi

6. Salin dan tempel kode yang disediakan kedalam blog

Caranya :

a. Tempel kode berikut diatas </body>

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

Ganti kode 1d852d9a6638475caf87db6cf9dd5255 dengan kode tokenmu

b. Tambahkan kode berikut dibawah 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>

c. Tambahkan kode berikut sebelum kode </style>

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

d. Klik simpan tema

Keterangan :

A. Ganti kode 1d852d9a6638475caf87db6cf9dd5255 dengan kode token milikmu.
B. Satu akun untuk satu situs

Sebelum mencobanya ada baiknya kamu mencadangkan template blog mu terlebih dahulu dan jika ada yang salah dengan tutorialnya harap memberitahu ...