Cara membuat tombol rating jempol di blog

   Cara membat tombol rating jempol di blog - Dalam tutorial kali ini, saya berani menjamin 90% anda akan berhasil. Saya berani berkata begitu, karena blog terdahulu dan blog teman saya juga saya coba dan berhasil. Untuk tampilannya, relatif kecil. Tapi, menurut saya lebih simpel dari pada widget bintang rating lainnya.

   Untuk tampilan widgetnya, anda bisa melihat diatas postingan ini. Pastikan anda menemukan 2 tombol bergambar jempol. Silahkan terlebih dahulu klik tombol jempol yang mengarah ke atas bila ingin mengikuti tutorial ini. 

  Tidak seperti widget rating star pada umumnya. Pemasangan widget ini sangatlah singkat. Karena, hanya diperlukan 2 step. 

1. Login blog.
2. Template -> Edit HTML -> Lanjutkan.
3. Centang Expand template widget -> Gunakan CTRL dan F atau F3.
4. Cari tag <div class='post-footer'> atau <data:post.body/> (pilih salah satu) untuk meletakan widget dibawah posting.
5. Setelah ketemu, copy kemudian paste kode dibawah ini diatas tag yang sudah anda temukan tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 

<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'> 

</div> 

</b:if>

6. Masih di edit HTML, cari tag </body>
7. Paste kode berikut diatasnya.

<script src="http://js-kit.com/ratings.js"></script>

8. Save template dan Lihat hasilnya.

Perhatian!!!
1. Jika anda mengcopas artikel/script dari blog ini untuk di publish di web anda, wajib cantumkan sumber.
2. Jika anda mengcopas artikel dari blog ini harap kata - katanya dirubah agar tidak 100% sama dengan blog saya. Ini berguna supaya alexa rank website anda dan saya tidak naik.

                                                           UPDATE!! 
a). Jika anda ingin meletakan widget dibawah judul posting, cari kode <div class='post-header'/>. Lalu, letakan kode nomor 5 dibawah kode <div class='post-header'/>. Klik Save template.

b). Jika anda ingin meletakan widget diatas judul posting, cari kode <div class='post-header'/>. Setelah ketemu, letakan kode nomor 5 diatasnya. Terakhir, klik Save template dan lihat hasilnya.