Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

  • Whatsapp

Cara Memasang Tombol Reaksi di Blogspot » Siapa yang belum tahu apa itu tombol reaksi? Tombol reaksi ini merpakan salah satu fitur yang diberikan oleh pemilik blog untuk mengetahui seberapa puas visitor membaca artikel yang telah mereka buat. Mungkin sudah banyak para blogger yang mengetahui fungsi tombol ini! Namun apakah kamu juga tahu bagai mana mengaplikasikan fitur ini pada blog gratisan blogspot yang kamu miliki?

Jika belum tahu dan ingin tahu bagaimana cara membuat tombol ini, Maka sekarang kamu sudah berada di tempat yang tepat, Karena admin LapakLama akan membagikan tutorial bagai mana Cara Membuat Tombol Reaksi di Blogspot.Cara Memasang Tombol Reaksi di Blogspot

selain bisa di aplikasi di blogger, Kamu para pengguna wordpress self hosted juga bisa mengaplikasikan fitur ini dengan menggunakan Plugin DW Reaction atau Emotify Reaction saya rasa tidak perlu menuliskan artikelnya karena saya rasa cukup gampang untuk membuat tombol Reaction di wordpress, Namun jika kamu menggunakan blogger kamu bisa menggunakan Third Party Vicomi yang lebih keren dari pada tombol Reaksi bawaan blogger.

 Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

Buat teman-teman blogger yang mau mencoba menerapkan tombol reaksi di blognya silahkan ikuti tutorial dibawah ini.

  1. Hal pertama kali yang harus kamu lakukan untuk membuat tombol reaksi adalah membuat akun Vicomi Cara Memasang Tombol Reaksi di Blogspot
  2. Klik tombol Grt Your Free Reaction Tools New
  3. Kemudian Pilih Lagi Code For HTML Website Cara Memasang Tombol Reaksi di Blogspot
  4. Setelah itu klik tombol Get The Code For HTML Website
  5. Silahkan isi formulir yang dimintaCara Memasang Tombol Reaksi di Blogspot
  6. Kemudian akan muncul Code yang harus kamu pasang di website yang ingin kamu pasang tombol reaksi, Copy semua code Cara Memasang Tombol Reaksi di Blogspot
  7. Selesai.
  8. Jika kamu ingin mengatur tombol reaksi, Kamu bisa mengaturnya di dalam halaman Dasboard Vicomi Cara Memasang Tombol Reaksi di Blogspot

Demo Tombol Reaksi

Cara Memasang Tombol reaksi di Blogspot

Setelah selesai membuat akun Vicomi dan telah mendapatkan code, Langkah selanjutnya yang harus kamu lakukan adalah memasang code tersebut di template blog kamu dengan cara:

  1. Tambahkan code yang telah kamu dapatkan tadi kedalam tema blog kamu sebelum code </body> [Sesuaikan dengan code token blog kamu] 
    HTML LapakLama
     <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>
  2. Setelah itu tambahkan code dibawah ini tepat setelah code <data:post.body/> [Cari code yang paling bawah yang dibungkus dengan code tag kondisional halaman artikel. 
    HTML LapakLama
     <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>
  3. Kemudian tambahkan CSS dibawah ini sebelum kode </style> 
    HTML LapakLama
     #kabarvicomi{position:relative;margin:0 auto 20px auto;overflow:hidden} .kabarvicomi{margin:-28px auto 0 auto}
  4. Terahir klik tombol simpan template

Sekian tutorial ngeblog kali ini, Semoga artikel Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi bisa memberikan manfaat bagi kita semua blogger indonesia

Nilai

Pos terkait

Loading...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *