Membuat Rate Widgets

Rating adalah sesuatu yang dibutuhkan oleh penulis, sebagai indikator disukai atau tidaknya artikel yang penulis tersebut buat.
Lalu bagaimanakah caranya kita sebagai blogger sekaligus penulis yang ingin mengetahui rating artikel kita ? Tentunya kita harus memasang widgets tersebut. Oke tanpa panjang lebar, mari kita simak bersama.




Pertama - tama download dan upload code JS tersebut, pada webhosting kepercayaan anda :
download

Setelah itu yang harus dilakukan adalah cari tahu blog anda auto readmore atau bukan, dengan cara :
1. Login pada Blogger
2. Masuk ke bagian Layout, kemudian ke bagian Edit HTML
Setelah itu, beri tanda cek pada Expand Widget Templates.
Apabila sudah sampai pada tahapan ini, sekarang cari code berikut, dengan menggunakan Ctrl + F.

<data:post.body/>
Apabila anda temukan code tersebut hanya satu dan tidak bergabung dengan code lain, maka anda dapat menambahkan code ini dibawah code tersebut :

<script language='JavaScript'>
var OutbrainPermaLink="<data:post.url/>";
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='URL rate.js' type='text/javascript'/>

Namun, apabila anda menggunakan autoreadmore, seperti inilah yang menggunakan auto readmore

<div id="'"><data:post.body/></div><br /><script type="'text/javascript'">createSummaryAndThumb("summary<data:post.id/>");</script><br /><span class="'rmlink'" style="'float:right;padding-top:20px;'"><a href="'data:post.url'"> Read More</a></span><br /><br /></b:if><br /><b:if cond="'data:blog.pageType"><data:post.body/></b:if><br /> <div style="'clear:"> <!-- clear for photos floats --><br /> </div><br />

Jika anda menggunakan autoreadmore seperti itu, berarti anda harus membuat BOX dimana Rate Widgets tersebut akan ditempatkan. Pembuatan BOX tersebut menggunakan CSS, berikut adalah code CSS nya.

.rate {
background: #202020;
float: left;
text-align:center;
width: 569px;
height:?px;
margin: 0px auto 10px;
padding: 10px;
border: 1px solid #363636;
}

Nah, code yang saya tandai dengan warna merah, dapat diganti sesuai keinginan kita. Tempatkan code - code berikut diatas code :

]]></b:skin>

Setelah itu, carilah code :

<b:includable id="'comments'" var="'post'"><br />

Tempatkan code ini tepat dibawahnya :

<script language='JavaScript'>
var OutbrainPermaLink="<data:post.url/>";
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='URL rate.js' type='text/javascript'/>

Gantilah URL rate.js sesuai dengan file rate.js yang telah anda upload tadi.


Sekarang save template.

Selamat, Rate Widgets anda telah terpasang.
Sekarang anda dapat mengetahui bagaimanakah kesan pembaca terhadap artikel anda. :)

Semoga bermanfaat.