How to make such a design for "Laika VK" on your website?

Question

css

Actually I found a template there such buttons:

The code for it is this:

<div id="facebook" data-url="<?php echo the_permalink(); ?>" data-text="<?php echo the_title(); ?>" data-title="Like"></div>

jQuery('#facebook').sharrre({
      share: {
        facebook: true
      },
      template: '<a class="box group" href="#"><div class="count" href="#">{total}</div><div class="share"><i class="fa fa-facebook-square"></i></div></a>',
      enableHover: false,
      enableTracking: true,
      click: function(api, options){
        api.simulateClick();
        api.openPopup('facebook');
      }
    });

How to be for VK? -I understand that in Css you only need to replace the icon, but what about the internal code?

Answer 1

https://vk.com/dev/Like

Answer 2

The plugin on your screenshot is Sharrre.js
. It has VK support, the design can be changed manually.