Add Five Star Rating widget In Blogger

Rating widget is beneficial for online shopping store sites or movies weblog or whatever to charge per unit of measurement whatever product.while 5 star widget can hold upward added to whatever article site.It used every bit feedback, may hold upward you lot cause got seen inwards other weblog at the bottom of post.

Fist i say you lot nearly this widget.It present text charge per unit of measurement this charge per unit of measurement this post service amongst five star.you cause got to edit blogger template to present inwards your blog.It every bit good present how many people charge per unit of measurement this post service votes.before editing blogger template cause got backup of your template

It is used to restore your template if you lot did unopen to fault therefore that tin hold upward recovered easily.this widget every bit good increase beauty of your blog.you tin add together floating search box to stylize your template.

How to practise 5 star rating inwards blogger

First login to blogger account

Go to template edit HTML

Now search for his code 

</head>

Above </head> glue the given code.

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

Find this one

<data:post.body/>

Just below <data:post.body/> glue hand script.

<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> </b:if>

Note:you may honour <data:post.body/> to a greater extent than than time,in that representative house this script below the end one.save your template.

View your weblog that your 5 star widget is working fine.If it is non working therefore you lot cause got to house this script below all <data:post.body/> tags.

Bagikan Artikel ini