Open your Blogger’s template editor. There, search for ratingwidget in the code.

Replace the following code:

With the following code wrapped with the required page type criteria:

Just before:

• Inside blogger window, under “Live on Blog”, choose Template and click Edit HTML.
• Click inside the text area and search for RatingWidget widget you’ve just added by pressing CTRL–F (Or Commad-F on OSX) and typing RatingWidget. You should see something similar to the following line:

  1	<b:widget id='HTML1' locked='false' title='RatingWidget' type='HTML'>

  Your element’s id attribute might be a little different (e.g. id=’HTML2′).

• Add mobile=’yes’ to enable RatingWidget on your mobile template. The new line should look like this:

  1	<b:widget id='HTML1' mobile='yes' locked='false' title='RatingWidget' type='HTML'>

• Click Save Template and the ratings should now work on your mobile view.

• Open your Blogger’s template editor.
• Locate the HTML position where you’d like to position the ratings.
• Add the following anchor element:

  1	<b class="rw-rating-container"></b>

• Done! Watch how the magic happens.

RatingWidget has to assign a unique ID to every post’s/page’s rating. The assigned ID is the Blogger’s post ID. Therefore, if the RatingWidget for Blogger script can’t find any ID, the ratings won’t appear on the page.

Below you can find a short instructions that will help you to check if your Blogger’s template contains the post-ID HTML element. If not you’ll be guided to add the right element to resolve it.

• Open your blog’s template and click on EditHtml:
• In order to find the main post template container, put the mouse cursor anywhere inside the code area and click Ctrl+F to start the search functionality.
• Search for the following code:

  1	<b:includable id='post' var='post'>

  

• Then, expand the sub-template by clicking the small arrow next to the line number on its left and search for the following meta element:

  1	<meta expr:content='data:post.id' itemprop='postId'/>

  

• This meta tag is required in order to match each rating with its corresponding unique post ID, so if you can’t find it, simply add it and save the template.Hint: In many theme’s you can search for:

  1	<a expr:name='data:post.id'/>

  and simply add the meta element afterwards.

To disable recommendations shown in the report popup, simply add this code snippet

to your existing integration code options. Your new integration code should be something like:

WordPress Plugin User?

• Go to Dashboard > RatingWidget
• Select the rating type tab you’d like to modify
• Scroll to the bottom of the setting page until you get to the Power User Settings
• Check the Activate / in-activate checkbox to activate the Power User Settings.
• By default, the hideRecommendations option will already be there as one of the examples:

  1	options.hideRecommendations = true;

• Delete all other preset functions if not needed or modify when necessary. Then click Save Changes and you’re all set!