Membuat Like/Unlike Facebook di Blog

Melihat banyak blog memiliki fasilitas like / Unlike seperti yang ada di facebook, akhirnya pengen juga masang di blog sederhana bang kuli ini. Setelah mencoba tips dari kang salman, eh sukses besar. Langsung tulis dah..... Ilmu kalo gak dibagi juga mubadzir.

Membuat blog rating
like dan unlike seperti Facebook

Sudah banyak tutorial yang membahas masalah ini, tapi tidak ada salahnya saya ulang lagi disini, namanya juga berbagi. Hal pertama yang harus dilakukan :

1. Silakan Login ke Blogger
2. Lalu pilih Tata Letak
3. Kemudian pilih Edit HTML
4. Jangan lupa ceklis "Expand Widget Template"
5. Carilah kode ini <div class='post-header-line-1'/> (tekan ctrl+f , setelah itu paste kode biru tadi)
6. Jika sudah ketemu silakan anda Copy kode di bawah ini, dan taruh (paste) di bawah kode

<div class='post-header-line-1'/> :

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

Sehingga menjadi seperti ini :

<div class='post-header-line-1'/>

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

7. Berikutnya carilah lagi kode </body>
8. Paste kode ini tepat diatasnya

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

Sehinga menjadi :

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

9. Simpan Template

Sekarang refresh atau tekan F5 dan silakan lihat hasil yang didapatkan. Di bawah judul postingan anda akan muncul blog rating like/unlike Seperti di Facebook.



Selamat mencoba.