Source: http://www.freetattoopicture.com |
Default Star Rating Widget Blogger
Cara memasang rating bintang blogspot, sedikit lebih rumit :)Langkah 1
Edit User Setting
Langkah 2
Activate Blogger Draft
Langkah 3
Edit Layout - Edit Posting Blog - Activate Default Star Rating For Blogger
Langkah 4
Jika Star Rating tidak terlihat, maka Edit HTML Template - Expand Widget Templates - Ctrl+F <div class='post-header-line-1'> - Letakkan script ini:
<b:if cond='data:blog.pageType == "item"'>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
</b:if>
Animated Star Rating Widget Blogger
Cara memasang rating bintang untuk blogspot dengan menggunakan widget dari 3th party, tidak sulit :)Langkah 1
Edit HTML Template - Expand Widget Templates - Ctrl+F <div class='post-header-line-1'> - Letakkan script ini:
<b:if cond='data:blog.pageType != "index"'><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></b:if>
Untuk Animated Star Rating Widget For Blogger ini, terdapat berbagai pilihan style, silahkan kunjungi:
Source: http://www.graddit.com/ratings-widget
Tutorial: http://fruitfulbookmarks-en.blogspot.com/2011/11/rating-widgets-for-websites-blogs-and.html
No comments:
Post a Comment