How To Add Rating Widget To Blogger ~ Nanno Design Blog

Friday 24 May 2013

How To Add Rating Widget To Blogger

8:42:00 am Unknown 1 comment

Hello Friends,
It's Time To Take Feedback From Your Visitor/Readers On Your Blog. Today I Tell You How To Add Rating Widget In Blogger. Rating Widget Is Very Useful For Your Blog. Because With The Help Of Rating Widget You Can Easily Get Positive Response Or Feedback From Your Readers. And The Main Advantage Of This Widget Is There Is No Effect On Your Blog Loading Speed. And This Widget Is Also Count Your Post Views. So Follow My Steps Below To Add Rating Widget In Blogger........

1. Go To Your Blogger Dashboard.
2. Click On Template>>Edit HTML

3. Then Press CTRL+F And Search For </head>
4. After Finding The </head> Tag Copy The Below Script and Paste Before </head> Tag.

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

5. After Add This Script Now Search For <data:post.body/>
6. Now Copy The Below Code And Paste Before/After <data:post.body/> Code.

<b:if cond='data:blog.pageType != "static_page"'><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'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>

7. Click On Save Template And Thats Finish.

Note:-
This Widget Is Provide Two Option To You. If You Want To Show Rating Button On Top Of Your Post Then Copy The Given Script And Paste It Before <data:post.body/> Code.
And If You Want To Show Rating Button After Your Post Then Copy The Given Script And Paste It Below <data:post.body/> Code.