Saturday, 26 October 2013

Awesome Star Rating Widget for Blogger/Wordpress/Website (Published)

Title of Widget: Star Rating Widget
Description of Widget:
Start Rating Widget is a free easy to use Rating widget for Web Sites and blogs. Requires no sign up
just choose the design and size of widget and copy the specified code on your site,
No matter which CMS(Blogger, Wordpress, Joomla, or Drupal) you are using.
This widget can be used in any web page. That's the Perfect Customizable Widget with beautiful interface for instant rating. The Easy way to get and show User's Ratings for anything you want
This widget can be used for product ratings, blog post rating, website rating and where ever you want a five star rating

Company Name: iSoftpk

Company Website: http://star-rating-widget.com/
Developer Email: mImranpk13@gmail.com

Live Demo

How to Add this Widget ?

For Websites:-

To Place This Wdiget On Your Site Just Copy the below Code on your site Where you want to place this widget
Its better to place this widget in a div

<iframe frameBorder="0" scrolling="no" width="360px" height="170px" src="http://star-rating-widget.com/Style7M.html#,auto,Rate This Page,1/5,2/5,3/5,4/5,5/5"></iframe>

Example Site Using this Widget
Click Here

For Blogger:-

To place this Widget in Blogger
Find

<data:post.body/>

after second data:post.body Paste the following code

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> var theURL = "http://star-rating-widget.com/Style4M.html#,<data:post.canonicalUrl/>,Rate This Page,1/5,2/5,3/5,4/5,5/5"; document.writeundefined"<iframe frameBorder='0' height='170px' scrolling='no' src='"+theURL+"' style='padding-top:-60px' width='360px'/>"); </script> </b:if>

To display Average Ratings of Post Below Post Title
Just before second data:post.body Paste the following code

<script type='text/javascript'> var theURL = "http://star-rating-widget.com/Avg.php?q=<data:post.canonicalUrl/>"; document.writeundefined"<iframe frameBorder='0' height='40px' scrolling='no' src='"+theURL+"' style='padding-top:-60px' width='360px'/>"); </script>

And thats all the widget will displayed in all Blogger posts
Read This Complete Tutorial
Click Here

For Wordpress:-

lets add this in your WordPress post.
First open your single.php file in your theme folder.
Then paste the following code inside your post loop:

<iframe frameBorder="0" scrolling="no" width="360px" height="170px" src="http://star-rating-widget.com/Style7M.html#,auto,Rate This Page,1/5,2/5,3/5,4/5,5/5"></iframe>

<<<<<****************************************************************>>>>>

We hope you have Enjoyed this Widget & find it useful for you. If you have any Problem or Issue with this Widget, Please do visit the Official page of this Widget star-rating-widget.com and directly ask the developer of this Widget for the Solution by Commenting there.

<<<<<****************************************************************>>>>>

Now it's time for Customisations

For Customizations or More info Read Documentation