Senin, 16 April 2012

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,rating kali ini berbentuk Like this dan Unlike this yang mirip dengan facebook,  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 untuk mencarinya)
7.  Jika sudah ketemu silakan anda Copy kode  bawah ini, dan taruh (paste) di bawah kode <div class='post-header-line-1'/>
Kodenya Gan:
<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 :
Ini:
<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
Kodenya Gan:
<script src="http://js-kit.com/ratings.js"></script>
10.  Simpan Template

Sekarang anda lihat hasilnya.

Kalau dilihat-lihat mirip rating like punya facebook kan!
 

Semoga bermanfaat.

1 komentar:

  1. butuh pekerjaan tp tidak repotin..
    cuma klik 3 iklan sehari dan ada juga bonus join $10 sbg test drive..
    daftar sekarang juga disini :http://www.profitclicking.com/?r=XmKBRmao7k
    dan ikuti panduannya disini : http://jsstripler-indonesia1.blogspot.com/

    BalasHapus

HOT NEWS

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!