Cara memasang widget rating di blog

Sahabat FARONESIA yang ganteng dan cantik dimanapun kalian berada, sebagai seorang blogger kita harus menjaga dan meningkatkan kualitas postingan atau konten yang kita buat. Menyajikan konten-konten berkualitas sangatlah penting selain memberikan kepuasan terhadap para pengunjung juga dapat meningkatkan ranking blog yang kita miliki di mata mesin pencarian google yang akan menghasilkan trafik pengunjung blog kita semakin meningkat.

Dan kali ini kita akan membahas cara memasang rating di setiap postingan blog. Kegunaan dari widget ini adalah menjadi alat tolak ukur dan analisa bagaimana tanggapan para pembaca tentang penilaian kualitas artikel yang kita buat. Selain itu, widget ini pula memiliki kecendrungan akan meningkatkan kualitas menulis kita dalam artian kita akan lebih giat menulis, menganalisa, penerapan informasi kedalam bentuk tulisan, dan sebagainya.

Caranya tidak begitu sulit jika kamu menyimak langkah-langkah dibawah ini dengan seksama.

Langsung saja kita mulai, simak caranya dibawah ini:

Pertama, silahkan sobat masuk ke dashboard blogger>>tema>>edit HTML
Note: (Untuk mempermudah pencarian kode, klik ctrl+f)
lalu letakkan kode dibawah ini diatas kode </head>

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

Selanjutnya kita cari lagi kode <data:post.body/>

<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>

Keterangan

biasanya terdapat lebih dari 1kode <data:post.body/> jika kesulitan maka pilih lah kode paling akhir.

Terakhir, simpan.

Lihat hasilnya dengan membuka blogmu. Jika langkah-langkah sudah sesuai dengan tutorial diatas widget rating akan muncul.
Jangan lupa share dan komen dibawah.

Share this post