Alekpedia.comKenapa penting banget sih memasang widget rating di blog? Jadi widget rating ini berfungsi banget ni guys untuk blog kita, dimana widget ini dapat kita manfaatkan untuk melihat penilaian yang diberikan oleh mereka yang sedang berkunjung dan membaca blog kita.

Cara Memasang widget ranting blog

Jadi dengan adanya widget rating ini, pengunjung atau pembaca blog dapat memberikan sebuah rating dengan skala tertentu sebagai bentuk kepuasan terhadap blog yang sedang dikunjungi. Dengan begitu kita sebagai pemilik blog, dapat dengan mudah melihat seberapa baik kualitas dari blog kita dari sisi pengguna.

Baca Juga: Begini cara mudah memasang iklan adsense ke feed barisan popular post

Dan harapnnya dengan widget rating yang dipasang pada blog kita ini, kita dapat meningktkan performa dan kualitas dari konten yang akan kita publikasikan kedepannya. Karena yang dapat menilai baik atau tidaknya dari karya yang kita buat adalah orang lain.

Baca Juga:  Apa itu Template? Bagaimana Mengganti dan Upload Template di Blogger 

Karena itu juga kita membutuhkan orang lain, untuk menjadi orang yang dapat memberikan penilaian kepada blog kita dengan bantuan widget rating. Dan untuk memasang widget rating blog ini sangat mudah dilakukan.

Berikut ini cara memasang widget rating di blog kita:

Baca Juga: Template Premium Blogger Masign Magz Responsive Gratis

1. Silakan buka Dasboard blogger kita, dan pili Tema >> Edit With HTML
2. Masukan kode css dibawah ini , diatas kode </head>

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

3. Jika sudah langkah selanjutnya cari kode <data:post.body> dan letakan kode berikut dibawahnya:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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_rating_wrapper">
<div expr:id='data:post.id' class='ffbs_rate ffbs_rate_border ffbs_centered' data-label-rating='icon' data-label-views='icon' data-label-votes='icon'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star_blue.png&quot;/&gt;&#39;]]}</div>
<div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats ffbs_centered'></div>
<div expr:id='&quot;ffbs_share_&quot; + data:post.id' class='ffbs_share ffbs_share_border ffbs_centered'></div></div>
<script type='text/javascript' expr:src='&quot;http://www.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&amp;share=ffbs_share_&quot; + data:post.id + &quot;&quot;'></script></b:if>

4. Selesai

Dan saat kamu mencari <data:post.body> pasti akan ketemu banyak tu, silakan pilih yang paling akhir saja ya. Dan letakan kodenya, terakhir simpan.

Begitulah langkah membuat widget ranting untuk blog kita.