Friday, February 2, 2018

√ Cara Memasang Tombol Reaksi Di Blogspot Dengan Vicomi

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 kau juga tahu bagai mana mengaplikasikan fitur ini pada blog gratisan blogspot yang kau miliki?


Jika belum tahu dan ingin tahu bagaimana cara menciptakan tombol ini, Maka kini kau sudah berada di kawasan yang tepat, Karena admin LapakLama akan membagikan tutorial bagai mana Cara Membuat Tombol Reaksi di Blogspot.Siapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi


selain sanggup di aplikasi di blogger, Kamu para pengguna wordpress self hosted juga sanggup mengaplikasikan fitur ini dengan memakai Plugin DW Reaction atau Emotify Reaction saya rasa tidak perlu menuliskan artikelnya sebab saya rasa cukup praktis untuk menciptakan tombol Reaction di wordpress, Namun jikalau kau memakai blogger kau sanggup memakai 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 kau lakukan untuk menciptakan tombol reaksi ialah menciptakan akun Vicomi Siapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

  2. Klik tombol Grt Your Free Reaction Tools New

  3. Kemudian Pilih Lagi Code For HTML Website Siapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

  4. Setelah itu klik tombol Get The Code For HTML Website

  5. Silahkan isi formulir yang dimintaSiapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

  6. Kemudian akan muncul Code yang harus kau pasang di website yang ingin kau pasang tombol reaksi, Copy semua code Siapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi

  7. Selesai.

  8. Jika kau ingin mengatur tombol reaksi, Kamu sanggup mengaturnya di dalam halaman Dasboard Vicomi Siapa yang belum tahu apa itu tombol reaksi √ Cara Memasang Tombol Reaksi di Blogspot dengan Vicomi


Demo Tombol Reaksi

Cara Memasang Tombol reaksi di Blogspot


Setelah tamat menciptakan akun Vicomi dan telah mendapat code, Langkah selanjutnya yang harus kau lakukan ialah memasang code tersebut di template blog kau dengan cara:



  1. Tambahkan code yang telah kau dapatkan tadi kedalam tema blog kau sebelum code </body> [Sesuaikan dengan code token blog kamu] 
    HTML LapakLama
     <b:if cond=‘data:blog.pageType == &quot;item&quot;’> <script type=‘text/j4vascript’> //<![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 sempurna sehabis 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 sanggup menunjukkan manfaat bagi kita semua blogger indonesia



Sumber aciknadzirah.blogspot.com