cara menambahkan sistem rating pada blogger
Cara Menambahkan Sistem Rating Pada Blogger
- Dalam postingan kali ini, saya akan menjelaskan Bagaimana 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 != "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 class='ffbs_rate' expr:id='data:post.id'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div>
<div class='ffbs_stats' expr:id='"ffbs_stats_" + data:post.id'/>
<script expr:src='"http://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"' type='text/javascript'/></b:if>
6. Save Template. dan lihat Hasilnya!
Semoga bermanfaat !