Cara Membuat Tombol Reaksi Di Blogger Dengan Vicomi

Tombol reaksi ini berfungsi untuk menambah umpan balik dari para pembaca mengenai tanggapan dari artikel yang sudah di baca, website yang menggunakan wordpress bisa menemukan plugin DW Reaction,Emotify Reaction , dan fungsi tombol reaksi lainnya yang bisa ditambahkan dengan mudah pada platfrom wordpress.

Namun bagaimana dengan platfrom blogger ? sebenarnya untuk blogger sendiri sudah disediakan fitur tombol reaksi yang bisa dipakai dan ditambahkan ke blog namun kekurangannya adalah untuk tampilan tombol sangat sederhana.

pada kesempatan yang baik ini saya akan berbagi untuk anda bagaimana cara membuat/memasang tombol reaksi di blog dengan third party vicomi dengan tampilan super keren dari tombol reaksi bawaan platfrom blogger.

Cara Membuat/Memasang Tombol Reaksi ( Reaction ) Di Blogger Dengan Vicomi
Untuk anda yang mau dan tertarik dengan tombol reaksi vicomi ini bisa mengikuti langkah - langkah sebagai berikut ini.

Yang anda dapat lakukan pertama sekali adalah dengan membuat akun pada situs vicomi
Cara Membuat Tombol Reaksi Di Blogger Dengan Vicomi

Selanjutnya klik tombol Get Your Free Reaction Tools Now, setelah itu anda dapat memilih Code For HTML Webiste dan klik tombol Get the code for HTML Website
Cara Membuat Tombol Reaksi Di Blogger Dengan Vicomi
Anda akan diarahkan kebagian selanjutnya dengan mengisi from dengan lengkap
Cara Membuat Tombol Reaksi Di Blogger Dengan Vicomi
Setelah itu anda akan menemukan kode yang diberikan dan copas kode tersebut ke blog
Cara Membuat Tombol Reaksi Di Blogger Dengan Vicomi
Cara Pemasangan Kode Dari Vicomi Ke Blog Dengan Mudah
Tambahkan kode seperti gambar di atas ke dalam tema blogger sebelum tanda tag </body>
Perhatikan : ( sesuaikan dengan isi token blog anda )
<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>
Jangan lupa untuk menambahkan kode HTML ke bagian tag <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='kabarvicomi'>
<div class='kabarvicomi'>
<div data-access-token='XXXXXXXXXX' data-display-type='4' id='vc-feelback-main'/>
</div>
</div>
</b:if>
Pada langkah - langkah ini dapat memberi Kode CSS tambahan kabarvicomi dan juga tambahkan CSS ini sebelum tag </style>
#kabarvicomi{position:relative;margin:0 auto 20px auto;overflow:hidden}
.kabarvicomi{margin:-28px auto 0 auto}
Setelah semua langkah telah dilakukan seperti di atas selanjutnya adalah klik tombol simpan tema dan selesai lihat hasilnya pada blog anda, untuk kekurangan dari vicomi alias tombol reaksi vicomi terbilang tidaklah support untuk multi situs, harus membuat dengan satu persatu akun, terimakasih anda telah berkunjung ke blog sederhana milik saya ini.
DONASI VIA SUBSCRIBE Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi Anda membantu Admin untuk lebih giat lagi dalam membagikan artikel blog yang berkualitas. Terima kasih.
Newer Posts Newer Posts Older Posts Older Posts

More posts

Comments

Post a Comment