Cara Menambahkan Sistem Rating Pada Blogger

Fungsi dari Rating ini adalah untuk memberikan Rating atau Pendapat yang diberikan oleh pengunjung, bisa itu rating 5,4,3,2, dan satu itu terserah pengunjung, apakah mereka menganggap artikel kita bagus atau kurang bagus. Anda bisa melihat contohnya pada gambar dibawah ini.

DEMO

Berikut Cara Menambahkan Sistem Rating Pada Blogger :

1. Masuk ke Akun Blogger Anda, melalui www.blogger.com

2. Lalu pergi ke Dashboard, dan pilih Edit HTML

3. Centang pada "Expand Template Widget"

4. Cari kode </head>, kemudian letakkan kode dibawah ini tepat diatas kode </head>

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

5. Cari kode <data:post.body/>. lalu letakkan kode dibawah ini tepat dibawah kode

<data:post.body/>.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;labels_&quot; + 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 class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div>
<div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/>
<script expr:src='&quot;http://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;' type='text/javascript'/></b:if>

6. Save Template. dan lihat Hasilnya!

Semoga bermanfaat...! 

Sumber