Cara Memasang Widget Like / Dislike di Postingan Blog

Bagi sobat yang suka dengan widget pool untuk melakukan vote atas apa yang Anda buat di postingan oleh pengunjung, script berikut cocok Anda pasang didalam blog.

Ini gratis dan sangat mudah menempatkan kode-kodenya dalam situs/ blog Anda. Silahkan pasang JavaScript ini didalam Menu Tata Letak atau didalam template atau dimanapun lokasi yang Anda inginkan kode itu tampil.
<script type="text/javascript">
/*******
** Get more script: http://www.kangsigit.com **
   *************************************************
*****/
var users="domain_Anda"; // ganti dengan domain Anda agar berbeda hasil vote dari situs lain. TIDAK BOLEH MENGGUNAKAN TANDA TITIK(.) KOMA(,) Silahkan gunakan tanda (_) jika ingin membuat dua kata.
</script><script src='http://britha.com/voting/kangsigit_com/scriptV2.js'></script>

Misalnya situs Anda beralamat di http://4sharap.blogspot.com maka gunakan kode ini:
var users="4sharap_blogspot";

Contoh 2, misal blog Anda beralamat di http://www.kangsigit.com maka gunakan saja
var users="kangsigit";
Atau pakai yang dibawah untuk lebih spesifik dan berbeda dari milik orang lain
var users="kangsigit_com";

Selanjutnya, simpan CSS ini bersama script diatas. Jika tampilan masih kurang bagus, bisa di edit sesuai selera masing-masing.
CSS Style
.b_vote {
 position:relative;
 margin:3px;
 width:75px;
 background:#bedefe;
 border:1px solid #dedefe;
 font-family:"Calibri", Arial, sans-serif;
 text-align:center;
 padding:2px 1px;
 box-shadow:.17em .2em .23em #8888df;
 -webkit-box-shadow:.17em .2em .23em #8888df;
 border-radius:.7em;
}
.b_vote h4 {
 margin:2px auto;
 background:#fefefe;
 text-align:center;
 font-size:18px;
 padding:3px 1px 0 1px;
 box-shadow:.17em .2em .23em #7890da inset;
 -webkit-box-shadow:.17em .2em .23em #7890da;
 border-radius:.7em;
}
.b_vote:hover {
 background:#d7e8fe;
 border:1px solid #bbbefe;
}
.b_vote img {
 margin:3px auto 1px auto;
 border:none;
 cursor:pointer;
}

Contoh:

Untuk membuatnya work, blog Anda harus telah menyimpan salah satu jQuery eksternal. Jika belum, silahkan letakkan kode ini dibawah <body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

DESKRIPSI:
Setiap orang hanya bisa melakukan vote sekali. Jadi setelah meng-klik Suka atau Tidak Suka, dia tidak akan bisa lagi melakukan vote. Namun masih bisa merubah dari Like menjadi Dislike dan sebaliknya untuk esok hari/ paling cepat satu hari.
URL

2 Tanggapan » Lihat

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini