Reaction Buttons for Blogspot Blogger

Reaction/Reaction Buttons for Blogger - After a long time, I am back with another tutorial for you. Here is another big and very useful blogger widget. You can show reaction buttons on your BlogSpot blog. Reaction widget lets your blog readers leave feedbacks on the posts that you have published. We daily access our Facebook accounts, if you access your Facebook account from your PC you will see the reaction when you mouse-over the like icon. Similarly, blogger reaction widget uses the same process.

Check out: Auto Sharing Blog Posts On Social Media Networks

When blog readers leave the comments on your blogger posts, they need to spare few moments to type the comments but sometimes, readers just read the posts and then lifts without leaving the comments. There are many reasons behind this matter. It usually happens when your readers do not have time to type the comments. Therefore, reactions take just a second to leave feedbacks without typing. Here is very simple and easy way to add reaction buttons for BlogSpot blogger using vicomi.com website.

Read Also: OG Open Graph: Facebook, Twitter, Google+, Pinterest for Blogger

Adding Reaction Buttons to BlogSpot/Blogger

  1. Go to vicomi.com
  2. Signup with your Blog title, e-mail address and your website/Blogger URL
  3. Click Proceed to Step 2.
  4. Reaction Buttons for Blogspot Blogger

  5. Choose your emotion design that matches the best with your blogger and click Done.
  6. Copy the code from vicomi.com as shown in the screenshot
  7. Reaction Buttons for Blogspot Blogger

  8. Now login to your Blogger Dashboard > Edit HTML and find </article> or  <data:post.body/>
  9. Past copied code right after <data:post.body/> or </article> tag enclosed by <b:if cond='data:blog.pageType == &quot;item&quot;'> and </b:if> tags
  10. The final code will look like the:
  11. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id="vc-feelback-main" data-access-token="381ccf9d6d4ec508d5d675cdecabd1ea" data-display-type="4"></div> <script> (function() { var v = document.createElement('script'); v.async = true; v.src = "http://assets-prod.vicomi.com/vicomi.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(v, s); })(); </script> </b:if>
  12. Finally, click Save theme and you are on the go.

Keep reading our posts. We will post more amazing widgets, tutorials, tips and tricks just for you. You can subscribe to our YouTube Channel to watch our latest tutorials or subscribe to RSS to receive our updates straight to your inbox.

SEMrush
Discover How to Gain Your Blog Traffic By 209%

Get Free Access

Recommended For You

9 comments:

  1. How do I remove these reaction options from my other pages, like contact form or about me?

    ReplyDelete
    Replies
    1. By default, the feedback buttons are hidden from static pages like contact page, about us page etc. However, if you want to show the reaction buttons on static pages, you have to add the

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      <div id="vc-feelback-main" data-access-token="381ccf9d6d4ec508d5d675cdecabd1ea" data-display-type="4"></div>
      <script>
      (function() {
      var v = document.createElement('script'); v.async = true;
      v.src = "http://assets-prod.vicomi.com/vicomi.js";
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(v, s);
      })();

      </script>

      </b:if>

      </b:if>

      Delete
  2. You got me wrong..In my blog the what ever appears around a post, same things are appearing around any page I creat, Contact form or About me. I don't want that. I need reactions only for the posts.. Please hep me...How could I hide those reaction options from them. (Note: Comment doesn't appear on pages only reaction, whether it is the default reactions provided by blogger or through vicomi)

    ReplyDelete
    Replies
    1. Add reactions to your BlogSpot blog and then send me the URL of your blog. I will give you CSS code to hide them.

      Delete
  3. First of all, thank you for following my issue.
    http://www.thetinyscreech.com/
    This is my blog url. I just want to remove those reaction options from my contact page, and I don't want it to appear on any other pages that I am going to add in future.
    I have no knowledge about coding and all. So please guide me exactly what I have to do..

    ReplyDelete
    Replies
    1. Please enclose the vicomi code by:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      </b:if>

      Example:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      Your vicomi goes here
      </b:if>

      Delete
    2. If you are still in confusion, then please download your theme and send it to me at knigulper@gmail.com

      Delete
    3. Yes, it is working. Thanks a lot for resolving my issue..

      Delete
    4. Hmm Good and Congratulations!

      Delete