Monday 3 March 2014

Widgets

How To Add Awesome 5 Star Rating Widget to Blogger 2014

Posted By : Anonymous | Monday 3 March 2014 2 Comments so far
PUT YOUR PARSED ADSENSE CODE HERE
5 Star Rating Widget offers a cool thanks to you to induce Feedback from your New Visitors guests.Actually adding this contraption Below Post or on top of the Post Add five Stars to your diary post through that readers will vote your Post and Rate it as they need.This cool Widget additionally add the quantity of stars to your Post in Google Search results. therefore let Pine Tree State Describe the Tutorial.
How To Add Awesome 5 Star Rating Widget to Blogger 2014
How To Add Awesome 5 Star Rating Widget to Blogger 2014

How To Add 5 Star Rating Widget To Blogger:-

The following Tutorial Will lead you to Add 5 Star Rating Widget To your Weblog.
  • 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

    This will simply  Groom your Blog, add this widget and Enjoy cool widgets from Tricks Punch!. If you have any problem share that with us we are here to solve your Problems.
      Do you Like this story..?

      Get Free Email Updates Daily!

      Follow us!





      2 comments :

      1. Replies
        1. Dear friend please follow all steps and do step by step Insha allah you will done it

          Delete

      Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

      Note:
      1. To add HTML CODE in comments then please use our HTML Encoder
      2. You can always Test the tutorial on our HTML Editor
      3. Please do not spam Spam comments will be deleted immediately upon our review.

      Regards,
      Imtiaz Ahmed

    • Tips And Tricks
    • Template
    • Make Money
    • Widget
    • Sitemap
    • Back To Top