How to Put Reaction Button on Blogger With Vicomi

How to Put Reaction Button on Blogger With Vicomi - The reaction button is a button that is echoed with an eye catching icons or emoji placed at the end of an article. This reaction button has a function to add feedback from the reader about the response of the article he is reading.

For those who use WordPress platform there are DW Reaction plugin, Emotify Reaction, and other reaction button plugins that can be added easily to the WordPress site. But what about the Blogger platform? Actually in blogger itself already provides a feature of the reaction button that we can add to the blog just just looks the radio buttons can be spelled out very simple, but on this occasion I will share how to install the reaction button on the blog with third party Vicomi cooler than the reaction button default blogger.

How to Put Reaction Button on Blogger With Vicomi

For those of you who are interested and want to install this Vicomi reaction button, please follow the steps below:

1. The first thing to do is to create an account on the official website of Vicomi.

2. Then click the "Get Your Free Reaction Tools Now" button, then select "Code For HTML Website", click "Get the code for HTML website".

3. Then fill out the form completely

4. Then copy the code provided into the blog

How to Add to Blogger Themes

1. Add the code as in the image above into the theme before the code </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Vicomi's Reaction Button
!function(){var e=document.createElement("script");e.async=!0,e.src="https://assets-prod.vicomi.com/vicomi.js?token=Vicomi token code";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(e,c)}();
//]]>
</script>
</b:if>

Note: In the code "Vicomi token code", please replace with your vicomi token code.

2. Add also the HTML code below after the <data: post.body/> code at the bottom that wrapped conditional tags of the article page

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='newsvicomi'>
<div class='newsvicomi'>
<div data-access-token='Vicomi token code' data-display-type='4' id='vc-feelback-main'/>
</div>
</div>
</b:if>

Note: In the code "Vicomi token code", please replace with your vicomi token code.

3. Here I give additional CSS "newsvicomi", also add this CSS before the code </style>

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

4. After that click the Save theme button, finish and see the result

You can also adjust the look of the reaction button on the Vicomi Dashboard, please explore as per your requirements.

The downside of this reaction button is no support for multiple sites, so it can only add one site per account only.

So this article that I can share this about How to Put Reaction Button on Blogger with Vicomi, Hopefully with this short enough article can be useful and good luck.

Share :