How To Add 5 Star Rating Widget to Blogger

5 Star Rating Widget gives a cool way to you to get Feedback from your visitors.Actually adding this Widget Below Post or Above the Post Add 5 Stars to your Blog post through which readers can vote your Post and Rate it as they wish.This cool Widget also add the number of stars to your Post in Google Search results. So let me Describe the Tutorial.

• Login To Blogger Dashboard.
• Then Click the Template Tab<< Edit Html.
• Now search for the </head> Tag.
• When you find </head> tag, Copy the Below code and paste it above or before the </head> tag.

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

• If you have done the above Steps, Then search for  <data:post.body/>
• Now copy the Below code and paste it above/below the <data:post.body/> tag.

<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>

• Now Save your Template Because you have done this Tutorial.

Groom Your Blog