
Gravatar (Global Recognized Avatar) merupakan layanan untuk membuat identitas secara global di dunia maya, sekali membuat akun di gravatar maka akan berlaku hampir disemua situs yang menyediakan layanan gravatar, biasanya berupa identitas foto, sehingga blogger lain akan mudah mengenali anda dengan adanya foto tersebut.
Beberapa syarat yang harus anda penuhi adalah anda sudah harus mempunyai alamat email yang nantinya diperlukan untuk login dan minimal mempunyai satu foto untuk dijadikan thumbnail (tidak harus, namun percuma bikin kalo ga ada imagesnya). cara kerja dari gravatar ini adalah menerima encryption email dengan format md5 dari website kita dan kemudian mencari kecocokan dengan akun email yang terdaftar dan menampilkan images sesuai dengan akun tersebut, dan jika tidak ditemukan maka tampilkan foto default.
sangat banyak situs yang menggunakan fasilitas thumbnail foto dengan gravatar ini untuk mengenali setiap pengunjung di website/blog mereka, kali ini kita akan coba bahas hanya tentang cara setting account images di gravatar dan menambahkan fasilitas gravatar thumbnail disitus dengan enggine dari cms lokomedia. sebetulnya sudah pernah di bahas tutorialnya dalam pembuatan forum cms lokomedia, jadi kali ini kita hanya sedikit modifikasi agar bisa dipasang di cms lokomedia.
1. Setting Images Thumbnail di Account Gravatar
Pertama-tama kita ketahap setting foto/images dulu di akun gravatarnya. untuk daftarnya coba saja ya, ikuti petunjuk yang ada dengan signup disini . setelah akun gravatar anda sudah jadi, silahkan login disini dan arahkan kursor anda ke menu "My Account" dan pilih "add an image" kemudian pilih source fotonya dari mana, misalnya dari hardisk laptop anda, maka pilih saja "My Computer's Hard Drive" dan pilih gambar yang anda inginkan. setelah itu anda akan diminta untuk meng crop imagesnya, silahkan sesuaikan dan lanjutkan, kemudian akan tampil settingan yang anda inginkan untuk menampilkan thumbnail gravatar anda seperti gambar dibawah ini :
Pilih saja "G" untuk diaktifkan disemua website/blog yang menggunakan fasilitas gravatar, jika anda menginginkan settingan lain silahkan sesuaikan. kemudian jika anda menambahkan email lain pada gravatar anda, akan diminta untuk menentukan email mana yang akan dirubah dengan foto yang anda upload tersebut, contreng saja checklistnya seperti gambar berikut :
kemudian click saja "Use For Selected Addresses" dan sampai disini anda sudah berhasil setting untuk mengganti thumbnail foto gravatar anda, dan anda akan diredirect ke alamat "manage avatar" dan menentukan email primarynya.tampilannya kurang lebih seperti gambar dibawah ini :
2. Menambahkan Fasilitas Images Thumbnail di CMS Lokomedia
Supaya email dari pengunjung website kita tersimpan secara permanen, maka kita perlu membuat filed baru di database cms lokomedia.pertama-tama buka database lokomedia, dan pilih table komentar, kemudian klik instert field after paling bawah dari isi table komentar, kemudian klik go. dan isi untuk format fieldnya sebagai berikut :
Field = email
Type = varchar
Length = 100
yang lainnya biarkan kosong, kemudian klik tombol "save" atau jika ingin cepat, klik database lokomedia, dan pilih tab SQL, pastekan perintah SQL berikut :
ALTER TABLE 'komentar' ADD 'email' VARCHAR(100) NOT NULL
AFTER 'aktif'
Setelah itu modifikasi pada bagian simpankomentar.php cms lokomedianya. periksa pada baris 54 dan 55 tepatnya perintah insert ke database, kurang lebih kodenya seperti ini :
$sql = mysql_query("INSERT INTO
komentar(nama_komentar,url,isi_komentar,id_berita,tgl,jam_komentar)
VALUES('$nama_komentar','$url','$v_text',
'$_POST[id]','$tgl_sekarang','$jam_sekarang')");
ganti script tersebut dengan script berikut :
$sql = mysql_query("INSERT INTO
komentar(nama_komentar,url,isi_komentar,id_berita,tgl,jam_komentar,email)
VALUES('$nama_komentar','$url','$v_text',
'$_POST[id]','$tgl_sekarang','$jam_sekarang',
'$_POST[email]')");
dan terakhir modifikasi bagian kiri.php nya sesuai dengan template yang anda gunakan, kali ini saya menggunakan template eljquery2 sebagai percobaan. cari bagian "komentar berita" sampai dengan akhir "form komentar" apabila menggunakan template eljquery2 maka tepat di baris 264 sampai 307 yang scriptnya kurang lebih seperti ini :
// Komentar berita
$sql = mysql_query("SELECT * FROM komentar WHERE id_berita='$_GET[id]'
AND aktif='Y' LIMIT $posisi,$batas");
$jml = mysql_num_rows($sql);
// Apabila sudah ada komentar, tampilkan
if ($jml > 0){
while ($s = mysql_fetch_array($sql)){
$tanggal = tgl_indo($s[tgl]);
// Apabila ada link website diisi, tampilkan dalam bentuk link
if ($s[url]!=''){
echo "<span class=komentar><a name=$s[id_komentar] id=$s[id_komentar]>
<a href='http://$s[url]' target='_blank'>$s[nama_komentar]</a></a>
</span><br />";
}
else{
echo "<span class=komentar>$s[nama_komentar]</span><br />";
}
echo "<span class=tanggal>$tanggal - $s[jam_komentar] WIB</span><br /><br />";
$isian=nl2br($s[isi_komentar]); // membuat paragraf pada isi komentar
$isikan=sensor($isian);
echo autolink($isikan);
echo "<hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM komentar
WHERE id_berita='$_GET[id]' AND aktif='Y'"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halkomentar'], $jmlhalaman);
echo "$linkHalaman";
}
// Form komentar
echo "<br /><b>Isi Komentar :</b>
<table width=100% style='border: 1pt dashed #0000CC;padding: 10px;'>
<form name='form' action=simpankomentar.php method=POST
onSubmit="return validasi(this)">
<input type=hidden name=id value=$_GET[id]>
<tr><td>Nama</td>
<td> : <input type=text name=nama_komentar size=40 maxlength=50></td></tr>
<tr><td>Website</td>
<td> : <input type=text name=url size=40 maxlength=50></td></tr>
<tr><td valign=top>Komentar</td>
<td> <textarea name='isi_komentar'
style='width: 300px; height: 100px;'></textarea></td></tr>
<tr><td> </td><td><img src='captcha.php'></td></tr>
<tr><td> </td><td>(Masukkan 6 kode diatas)<br />
<input type=text name=kode size=6 maxlength=6><br /></td></tr>
<tr><td> </td>
<td><input type=submit name=submit value=Kirim></td></tr>
</form></table><br />";
echo "</div>
</div>";
}
ganti dengan script berikut untuk tambahan fasilitas gravatar di cms lokomedia :
// Komentar berita
$sql = mysql_query("SELECT * FROM komentar WHERE id_berita='$_GET[id]'
AND aktif='Y' LIMIT $posisi,$batas");
$jml = mysql_num_rows($sql);
// Apabila sudah ada komentar, tampilkan
if ($jml > 0){
while ($s = mysql_fetch_array($sql)){
$tanggal = tgl_indo($s[tgl]);
$email = "$s[email]";
$default = "http://www.komputerkampus.com/komputerkampus.png";
$size = 40;
$grav_url = "http://www.gravatar.com/avatar/" .
md5( strtolower( trim( $email ) ) ) . "?d=" .
urlencode( $default ) . "&s=" . $size;
// Apabila ada link website diisi, tampilkan dalam bentuk link
if ($s[url]!=''){
echo "<table style='width:100%'><tr><td><span class=komentar>
<a name=$s[id_komentar] id=$s[id_komentar]><a href='http://$s[url]'
target='_blank'>$s[nama_komentar]</a></a></span><br />";
}
else{
echo "<table style='width:100%'><tr><td>
<span class=komentar>$s[nama_komentar]</span><br />";
}
echo "<span class=tanggal>$tanggal - $s[jam_komentar] WIB</span><br />
<br />";
$isian=nl2br($s[isi_komentar]); // membuat paragraf pada isi komentar
$isikan=sensor($isian);
echo autolink($isikan);
echo "</td><td valign=top align=right style='width:40px'>
<img src='$grav_url; alt='' /></td></tr></table>
<hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM komentar
WHERE id_berita='$_GET[id]' AND aktif='Y'"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halkomentar'], $jmlhalaman);
echo "$linkHalaman";
}
// Form komentar
echo "<br /><b>Isi Komentar :</b>
<table width=100% style='border: 1pt dashed #0000CC;padding: 10px;'>
<form name='form' action=simpankomentar.php method=POST
onSubmit="return validasi(this)">
<input type=hidden name=id value=$_GET[id]>
<tr><td>Nama</td>
<td> : <input type=text name=nama_komentar size=40 maxlength=50></td></tr>
<tr><td>Website</td>
<td> : <input type=text name=url size=40 maxlength=50></td></tr>
<tr><td>Email</td>
<td> : <input type=text name=email size=40 maxlength=100></td></tr>
<tr><td valign=top>Komentar</td>
<td> <textarea name='isi_komentar'
style='width: 300px; height: 100px;'></textarea></td></tr>
<tr><td> </td><td><img src='captcha.php'></td></tr>
<tr><td> </td><td>(Masukkan 6 kode diatas)<br />
<input type=text name=kode size=6 maxlength=6><br /></td></tr>
<tr><td> </td><td><input type=submit name=submit value=Kirim></td></tr>
</form></table><br />";
echo "</div>
</div>";
}
jika anda ingin mengganti gambar defaultnya silahkan ubah saja URL imagesnya di variable $default. hasilnya nanti ketika dijalankan seperti gambar berikut ini :
Anda hanya perlu modifikasi di bagian variable default untuk gambar default anda, contohnya saya mengambil dari http://komputerkampus.com/komputerkampus.png nah kode tersebut silahkan di ganti sesuai dengan keinginan anda, dan jika anda menginginkan ukuran thumbnail dari gravatar lebih dari 40 silahkan rubah saja isi dari variable size diatas sesuai dengan keinginan anda. Sekian dulu postingan dari saya,semoga bermanfaat buat kawan-kawan
DOWNLOAD SCRIPT : DISINI
Artikel Lainnya
- Cara Modifikasi Link Berita (URL Judul SEO) pada CMS Lokomedia dengan Htaccess
- Membuat Detail Artikel Berdasarkan Tag (Label) Pada CMS Lokomedia Ala Wordpress
- Cara installasi CMS Lokomedia 1.5.7 di Linux (debian, ubuntu, mint, backtrack 5) dengan Xampp/Lampp
- Membuat Modul Editor dengan 4 Pilihan Editor Dinamis di CMS Lokomedia
- Teknik Membuat Pesan Pemberitahuan CMS Lokomedia ke Pesan Facebook Anda
- Pasang Plugin Komentar Facebook terbaru di website dengan CMS Lokomedia
- Cara Menghilangkan (Hapus) Url Home disetiap Halaman Awal CMS Lokomedia
- Trik htaccess, Redirect URL 301 dari WWW ke tanpa WWW dan sebaliknya Serta Mencegah Hotlinking Image
- Membuat Sendiri Email Notifikasi Komentar ala Facebook dan Wordpress di CMS Lokomedia
- Fix Bug Hacking Tinymcpuk Pada CMS Lokomedia - Security Update Versi Komputerkampus.com