Kamis, 24 November 2011

Cara Membuat Like and Unlike Facebook di Blogspot

Install Like and Unlike Rating Facebook di Blog akan membuat Blog menjadi lebih interaktif, apalagi di tambah dengan JS-KIT nya tentu akan memiliki nilai plus tersendiri di mata pengunjung. Salah satu kiatnya dengan memberikan sebuah rating pada postingan blog kita agar pengunjung bisa menilai kualitas artikel tersebut. Nah sobat informasi maya, ratting kali ini berbentuk Like this dan Unlike this yang mirip dengan facebook, kalau dulu membuat rating berbentuk bintang, artikel tersebut bisa anda  klik disini.  Kembali lagi, dengan tampilan 2 buah thumb (jempol) yang akan terpasang dibawah judul post. langsung aja yuk kita praktek


1.  Silakan Login ke Blogger
2.  Lalu pilih Tata Letak
4.  Kemudian pilih Edit HTML
5.  Jangan lupa ceklis "Expand Widget Template"
6.  Carilah kode ini <div class='post-header-line-1'/> (tekan ctrl+f , setelah itu paste kode biru tadi)
7.  Jika sudah ketemu silakan anda Copy kode idi bawah ini, dan tarus (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>
8.  Berikutnya carilah lagi kode </body>
9.  Paste kode ini tepat diatasnya
<script src="http://js-kit.com/ratings.js"></script>
Sehinnga menjadi :
<script src="http://js-kit.com/ratings.js"></script>

</body>
10.  Simpan Template

Sekarang anda lihat hasilnya.
Kalau dilihat-lihat mirip rating like punya facebook kan!
 

Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar