Insert the “Like” button from VKontakte. Add the “Like” widget (Vkontakte) and Facebook Like Button (Facebook) to your blog How to change I like in contact


Hello everyone, friends! A few weeks ago I wrote, and . Today we will continue to use social networks to promote the site. In this post I will write how the I like VKontakte button and the I like Facebook button are installed on the site.

How to install the “Like” button on VKontakte

In order for you to see a beautiful VKontakte button on your website, you need to take only three steps:

  • Add website to social media VKontakte network;
  • Customize the appearance of the button;
  • Copy the code and paste it onto your website.

    • As you can see, the I like button is installed on the site very quickly. Now let's talk about everything in order.

    1. Go first right here and connect your site if it is not there. To do this, fill in several fields. Here's how I did it:

    2. Now you need to customize the appearance of the button. Below you can always see what you got. For example, I chose a button with a miniature counter. The name of the “like” button. And I left the height at 22 px.

    3. After you have customized the appearance of the button, you need to copy the code and paste it into your website. First, copy the first part of the code

    and insert it into header.php before the /head tag (if the site is powered by Wordpress). After that copy the second part of the code

    After inserting the second part of the code, you should see a “I like” button from VKontakte on your website. If you have any problems, write in the comments, I will try to help: smile:.

    How to Install the Facebook Like Button

    To get started, go here. If you are not logged in, please do so. Now on this page we need to fill in some fields first. Although they are in English, it’s okay, we’ll figure it out: smile:.

    • URL to Like – . We leave this field empty because we want to install the button on all pages;
    • Height – height. You don’t have to set anything, by default the button height is normal;
    • Layout – here we need to specify the appearance of the button. I chose the last option button_count, in my opinion it is the best. You can try another option and see how it looks. If you like box_count or standard better, then please put the one you like.
    • Show Friends" Faces – show. I unchecked it because I don’t want to show avatars.
    • Width – width. I didn’t set anything, if the width of the button doesn’t suit you, you can specify it.
    • Color Scheme – color scheme. I left it at the default light.
    • Action Type. If you select like, then the inscription on the button will be “like”. And if recommend, then “I recommend.” I chose the first option like.
    • Include Send Button - Include the “Send” button. I don't need it, so I unchecked it.

    After filling in all the fields, I got it like this:


    Now click on the “Get code” button to receive the code.



    You need to place the first part of the code in the footer.php file before the /body tag. And the second part is in the place where you want to see the “Like” button from Facebook on your website. You can place the “Like” button from VKontakte after the code in the single.php file.
    That's all for me. How do you like the article? 😉

    Here you can download unique templates for Blogger. The topics in this collection are distinguished by more advanced SEO optimization.

    Languages: English, Russian.

    Types: News, Magazine, Blog, Minimalism, Portfolio, One-page, Gallery, Grid, Online store, Business cards, Corporate sites.

    Topics: Sports, Photos, Games, Cooking, Style and Fashion, Women's, Children's, Cars, Health, Travel, Tourism, Design, Home renovation, Interior, Nature, Animals, Dancing, Video, Music, Politics, Economics, Business, Forex , Art, Pictures, Wallpaper, Earnings, Real Estate, Fishing, Hunting, Software, Software, Android Gaming Applications.

    Technologies: Jquery, AMP, Bootstrap, Ajax, Javascript, Responsive design.

    Best blogger templates, users' choice

    UberSpot is an excellent solution for those who value beautiful design, SEO optimization and effective functionality. In this theme you will find a number of cool and productive new products, for example, a new widget for Instagram, Sitemaps, Posts, Comments, etc. You can also take advantage of two different types of layouts.

    Unstoppable "Niche Conqueror". This is an ideal solution for single-theme websites and blogs. The idea when creating the theme was to implement endless navigation, the movement of which could be tracked by search engines. Thus, the new navigation system, unlike the previous ones, will not just increase the behavioral factor, but will also fully display it, which will entail an increase in the site’s position in the search. But that's not all, Unstoppable is ideal for resources whose traffic is mainly from mobile devices. Why? Because with the advent of the mobile first index SEO trend, Google began to value not only page loading speed, but also the ease of use of the site on mobile devices. And Unstoppable fully meets this criterion.

    Designed on the basis of the new Blogger Themes from the series (CNES). Capable of solving many assigned tasks. You can use it with all widgets, or partially, as a personal information blog. The page loading speed will pleasantly surprise you.

    BlogBoard is one of the best griders in 2018. Combines several styles at once. Can be used as a blog online store. It will do a great job of presenting your skills and services, so it’s also suitable for a portfolio.

    Dionis has a simplified type of message delivery. Suitable for any niches and stories. Among the features we can highlight is a beautiful preloader (an animated picture before loading the main page), recommended messages pop up on the right side when scrolling the page.

    This is a fast and flexible model that has absorbed several additions from social networks. An excellent option for those who value their time. Translated into Russian.


    Mistik has four different styles. You can choose the one that you like the most. Easy customization of menus, colors and other elements allows you to create your own unique design.


    NewsB is a lightweight news theme with a combined color scheme, simple and at the same time stylish widgets created for various topics and content categories. NewsB is fully responsive and seamlessly supported by all modern browsers. The full version includes today's latest blogger SEO settings, which will allow your site to increase its ranking in search engines even higher.

    Minima Mag is a modern news template, with a responsive design, fast loading messages, stylish gadgets and of course a clean design that seamlessly combines three colors, which ultimately makes Minima Mag neat and elegant.

    A stunning theme with a classic style designed for women's websites and blogs. Avicia is a professional theme with an elegant and modern design that can inspire and convey only positive emotions to readers.

    Dream Press, is among the best blogger themes. In it you will see a modern, elegant, stylish and simple design. In general, all these qualities will help keep the reader on the site.

    The only thing you need to know about ExGPress is that it has the most convenient functionality, comparable to a social network, which will provide your site with a high percentage of returns. To everything you can add SEO optimization, high loading speed and a large supply of space for gadgets and advertising. ExGPress was designed specifically for comfortable viewing of content and the best interaction with search engines, which is what makes it one of the best templates for blogger today. The other day they added a new feature to it: floating sidebars; when you scroll the page down or up, sidebars with widgets move along with the scrolling.

    Grid Line is a modern and stylish blogspot template. All its elements are carefully selected, optimized and arranged in such a way as to maximize the reader’s attention on the content. Grid Line was created not only to successfully promote your web resource in search engines, but also to lift the spirits of its users and readers.

    How to add a Contact “Like” button to your blog

    So, to install this button on your blog:

    create , then go to , connect the new site and select the desired button option:

    This code needs to be inserted inside the tag (in the header.php file):

    VK.init((apiId: #######, onlyWidgets: true));

    Don't forget to replace the ###### signs with your individual numbers!

    But paste this code in the place where you want to place your button:

    VK.Widgets.Like("vk_like", (type: "button"));

    As you can see, I placed this button after each article on the blog (single.php file).

    How to Add a Facebook Like Button

    We figured out the widget for Vkontakte.ru, now we need to install the widget for Facebook.

    We go to , we see this window:

    URL to Like – leave this field empty

    Layout Style – counter style (I chose standard).

    Width – button width. Choose it to suit your design (I chose 450px).

    Verb to display – which word will be displayed on the button: Like or Recommend. I settled on the first option.

    Choose Font and Color Scheme to your taste.

    After you have made the necessary settings, click on the Get Code button:

    The following window will appear:

    We are interested in the code from the top field of the iframe. Copy this code to the place where you want to see the “I like” button.

    Now a very important point! If you have a blog on WordPress, then after

    http://www.facebook.com/plugins/like.php?href=

    need to be inserted

    My code looks like this:
    

    2024 gtavrl.ru.