Blogger Like Button


Add the Like button to Blogger posts!

Get instant statistics and insights!

Get tons of likes and shares!

Live Demo

28 themes

                                                                                   

Google Rich Snippets

Make your site look appealing to the visitors on search engine results pages!
Boost search engine rankings!
Increase clicks!

Google Rich Snippets
Learn more on Google Rich Snippets

Mobile Friendly

88 parameters

  • You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code.
  • Adjust any single aspect of the Like Button to best suit your needs.
  • Create whatever text you want for the like & dislike button.
  • Customize appearance with CSS.

AddThis Sharing

After voting visitors can share a link in social networks: Facebook, Twitter etc.

Tracking IP Addresses

  • View statistics on votes from duplicate IP addresses.
  • Adjust the IP address vote interval for your site.

Installation

How to add Like button Widget to Blogger...

Authenthicate to Blogger
1

Authenthicate to Blogger

Authenthicate

Authenthicate to Blogger
2

Generate Like Button Code

Generate the Code

Authenthicate to Blogger
3

Add Like button to Blogger

In the opened window click "Edit Content", insert generated Like button code and click "Add Widget".

Tutorials

Video tutorial on adding Like Button to Blogger template to display the Like button on each page

Add Like Button to Blogger Using HTML/JavaScript Gadget

Documentation

To add Like Button to Blogger posts:

  1. Sign in to your Blogger account. In the Blogger Dashboard page scroll to the blog to which you want to add the Like Button.
  2. Go to the "Template" section. Click the "Edit HTML" button.
  3. Choose "Blog" from the "Jump to widget" drop down list.
  4. Find in the HTML input box and expand the code snippet with the post:
    <b:includable id='post' var='post'>
  5. Find the <data:post.body/> HTML code tag(s). To save scrolling through lines of code, press "F3" on your computer keyboard to open the browser’s page search function. Enter the code tag into the search box to quickly find the correct code.
  6. Generate your Like Button code using Like Button code generator.
    Important: Leave "identifier" parameter blank when generating the code.
  7. Insert expr:data-identifier='data:post.id' expression inside the first "span" element:
    <span class="likebtn-wrapper" data-style="drop" expr:data-identifier='data:post.id'/>
  8. Paste created Like Button code in the template immediately after all occurrences of <data:post.body/> tag:

Unfortunately Blogger architecture does not allow to edit comments template and add a Like button to comments.


Didn't find what you need? Visit our FAQ