tundra

Ini adalah plugin yang menurut hemat saya sih lumayan berfungsi untuk membuat interaktif antara mengunjung blog dengan yang mempunyai blog, bayangin aja deh, nanti postingan yang di-posting oleh Admin blog akan dapat dibuat rating/rangking pada hasil postingan blog tersebut. Tanda bahwa postingan kita diberikan rating oleh pembaca kita, bisa tentukan jenis iconya, yang lebih umum digunakan yaitu icon bintang. Sekarang kita coba install plugin tersebut.

Unduhlah WP-PostRatings pada alamat ini, lalu file hasil download tersebut kita ekstrak, dan kita pindahkan ke dalam plugin blog Wordpress. Seperti contoh dibawah ini:

Code block

tundra@darkstar:~/unduh-file$ cd /
tundra@darkstar:/$ cd /home/tundra/unduh-file/
tundra@darkstar:~/unduh-file$ wget http://downloads.wordpress.org/plugin/wp-postratings.1.50.zip
 
tundra@darkstar:~/unduh-file$ ls
wp-postratings.1.50.zip
tundra@darkstar:~/unduh-file$ unzip wp-postratings.1.50.zip

Sekarang file ekstrak tersebut kita pindahkan kedalam direktori /srv/httpd/htdocs/blog/wp-admin/plugin. Caranya adalah sebagai berikut:

Code block

root@darkstar:/home/tundra/unduh-file# mv wp-postratings /srv/httpd/htdocs/blog/wp-admin/plugin

Memindahkah direktori wp-postratings pada alamat /srv/httpd/htdocs/blog/wp-content/plugins dengan perintah dibawh ini:

Code block

root@darkstar:/home/tundra/unduh-file# mv wp-postratings /srv/www/htdocs/blog/wp-content/plugins/

Sekarang kita akan instalasi plugin wp-postratings melalui CMS Wordpress. Seperti dibawah ini:

Klik plugins dan ceklist lalu activate seperti dibawah ini:

Kita akan melakukan konfigurasi sesuai dengan kebutuhan blog kita, sekarang Anda dapat mengklik Ratings Options, pilih Rating Image sesuai dengan kebutuhan Anda. Kalau saya sih pake image yang bergambar bintang ( stars_crystal), dan Max Rating bernilai 5. Lalu Update dengan menekan tombol update ‘Individual Rating Text/Value’ Display.

Plugin ini sudah menggunakan teknologi AJAX Style, jadi ketika rating tersebut diketik maka akan timbul tampilan loading image, ciri khas loading AJAX.

Yang diperbolehkan untuk mengakses rating pada artikel kita, bisa Pengunjung blog kita, atau user yang terdaftar di blog kita, dan bisa user yang terdaftar dan pengunjung blog kita. Tapi pada tutorial ini saya hanya mengijinkan pengunjung saja yang bisa memberikan rating pada tulisan kita.

Pengunjung yang sudah memberikan rating pada tulisan kita tidak dapat memberikan rating kembali ke semua tulisan kita. Ini terjadi karena sudah tersimpan cookie pada Blog dan berdasarkan pendeteksi alamat IP Address. Konfigurasi bisa Anda lihat seperti dibawah ini:

Sekarang kita akan memasuki tahap peng-editan pada sisi script PHP. Karena nanti simbol rating berbentuk bintang itu ada di bagian template blog maka Anda harus mencari file index.php pada direktori template yang Anda gunakan:

Code block

root@darkstar:/srv/www/htdocs/blog/wp-content/themes/default# vi index.php

Sekarang kita akan menyisipkan skrip PHP pada file index.php dalam theme default yang Anda gunakan.

Code block

<?php while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_titl
e_attribute(); ?>"><?php the_title(); ?></a></h2>
   <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
             <?php if(function_exists('the_ratings')) { the_ratings(); } ?>
   <div class="entry">
         <?php the_content('Read the rest of this entry &raquo;'); ?>
   </div>

Sekarang kita akan mengedit file wp-postratings.php:

Code block

root@darkstar:/# vi /srv/www/htdocs/blog/wp-content/plugins/wp-postratings/wp-postratings.php

Code block

//add_filter('comment_text', 'comment_author_ratings_filter');
add_filter('comment_text', 'comment_author_ratings_filter');

Selanjutnya cari file seperti dibawah ini:

Code block

### Define Image Extension
define('RATINGS_IMG_EXT', 'gif');
//define('RATINGS_IMG_EXT', 'png');

Dan ganti menjadi seperti dibawah ini:

Code block

//define('RATINGS_IMG_EXT', 'gif');
define('RATINGS_IMG_EXT', 'png');

Sekarang Anda bisa lihat bahwa Rating Image hanya yang terpilih cuma satu saja seperti gambar dibawah ini:

Konfigurasi CMS untuk Ratings Options akan seperti ini:

Lalu Save Change. Dan kita log out dari CMS Wordpress Anda. Lihatlah perubahan pada artikel yang Anda posting, sekarang sudah ada ratings bintang diatasnya:

Kalau Rating itu diklik maka warna bintang akan berwarna kuning, sekarang kita coba memberikan rating pada posting Tes WP-PostRatings:

Kita bisa melakukan list Rating dengan menggunakan Widget, inilah Widget Ratings:

Tempatkan Ratings pada Sitebar 1 dengan cara drag and drop ke Sitebar 1, maka akan tampak seperti gambar di bawah ini:

Sekarang Log Out lah dari CMS Wordpress, nikmatilah tampilan baru blog Anda dengan plugin WP-PostRatings.