Star Rating Widget For Blogger Latest Code- Easy Installation Working 100%

Star Rating Widget For Blogger - Easy Installation Working 100%

Add Stylish Star Rating Widget Into Your Blog with Rating,Votes,Post count Views Options

Star Rating widget is best way to attract visitor on your blogger rated posts. Google user also prefer star rated link while they search anything. so this widget will help you to get traffic. Today we are sharing implemented on our blog its also tested by Us.

Easy Step To Install Star Rating Widget into your blog.

1. Go to blogger Dashboard.

2. Click on Edit Template.

3. Press CTRL+F To Find </head>

5. Paste Following Code Just Above </head>

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

6A. Press CTRL+F To Find  <data:post.body/>

Now, Its little bit searching Issue, That you have MORE than one <data:post.body/> Tag in your Template. Of course, most of the tutorial writers will forget to mention that, so you will fail to install the code right. You may get nothing, widget in the wrong place or Ir-responsive useless widget.  We making search easier to place last code.

Find This code Line:

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

Kindly Noticed We marked the word "item" in red color: that is the line of the code that you should find in your template. 

In case that you need to place rating widget under the post title paste it before <data:post.body/>. 
Example Like This

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

In case that you need to place the rating widget in the end of the post place it after the <data:post.body/> tag. 

Example Like This 

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

6B. Paste Following Code After Your Decision.

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
<div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
<script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

Customization In Code :

Search the "Rate this posting" and change it in any sentence that you like.Find the "http://static.graddit.com/img/star.png" and change the star picture with your own

7. Done ! Save Template