Membuat Recent Comments + Gravatar Tanpa Plugin

Sebenarnya kita bisa Memasang Recent Comments Tanpa Plugin, tapi kalau recent comment yang ada gravatar (gambar yang berkomentar) maka kita harus menggunakan plugin tambahan. Walaupun demikian, kita bisa memasang recent comment (Komentar Terbaru) yang ada Gravatarnya tanpa harus menggunakan plugin tambahan.

Tutorial atau Cara Memasang Recent Comments Dengan Grafatar tanpa Plugin ini sengaja saya tulis karena dengan menggunakan trik ini kita bisa menghemat hosting, memang ada banyak cara yang bisa kita lakukan untuk menghemat web hosting, dan salah satunya adalah mengunakan trik memasang recent comments + gravatar tanpa plugin.

Mari kita mulai...

Cara Membuat Recent Comments dengan Gravatar Tanpa Plugin


Silahkan login ke Dashboard Wordpress anda, kemudian  Klik Menu Template Editor, letaknya di sebelah kiri pada bagian Appearance => Editor. Silahkan lihat gambar berikut:

Cara Membuat Recent Comment dengan Gravatar Tanpa Plugin

Lihat di sebelah kanan Cari Theme Functions  (functions.php). Klik menu tersebut dan tambahkan kode berikut kemudian klik Update File
function trim_word( $words, $howmany = 1){
$x = explode(" ", $words);
if(count( $x) <= $howmany ){
return $words;
} else {
return implode(" ", array_slice( $x, 0, $howmany));
}
}

Setelah selesai di perbaharui silakan buka file Sidebar (sidebar.php). Lihat gambar berikut

Membuat Recent Comment dengan Gravatar Tanpa Plugin

Silakan kopi dan paste kode php berikut ini ke sidebar.php

<li>
<h3>Recent Comments</h3>
<ulsearchterm2">recent-comment">
<?php
$comments = get_comments('number=5');
foreach($comments as $comm) :

$url = '<a href="'. get_permalink($comm->comment_post_ID).'#comment-'.$comm->comment_ID .'" title="'.$comm->comment_author .' | '.get_the_title($comm->comment_post_ID).'">' . $comm->comment_author . '</a>';
?>
<li>
<?php echo get_avatar($comm->comment_author_email, 30); ?>
<strong><?php echo $url; ?></strong>
<p>
<?php $words = $comm->comment_content; echo trim_word($words, 10) . "..."; ?>

</p>
</li>
<?php
endforeach;
?>
</ul>
</li>


Setelah anda kopi dan paste kode di atas, silahkan klik Update File.

Note* Anda bisa meletakkan kode recent comments + gravatar tersebut di tempat yang anda inginkan, artinya anda tidak wajib meletakkannya di sidebar.

Agar tampilannya lebih nyaman dimata anda perlu menambahkan sedikit bahasa CSS di style.css theme anda, buka style.css dan tambahkan kode berikut ini
.recent-comment li {
display: block;
padding: 8px 0;
border-bottom: 1px dotted #ccc;
}
.recent-comment .avatar-30 {
float: left;
margin-right: 10px;
}

Nah itulah cara yang bisa anda lakukan untuk menampilan recent comments dengan gravatar tanpa harus menggunakan plugin.

Kode recent comments + gravatar dan css tersebut bisa anda modifikasi sesuai selera (Jika Anda Bisa) :-)

Oh ia...

Sebelum anda merubah kode yang ada di functions.php & sidebar.php sebaiknya kode aslinya di simpan dulu di Notepad, sehingga jika terjadi kesalahan dsb anda bisa dengan mudah memulihkannya dengan memasang kode aslinya.

Apakah cara ini tidak aman, sehingga harus menyimpan kode aslinya?...

Cara ini aman kok, itu cuma saran dari saya saja dan sekedar untuk jaga-jaga :-)

Apakah Cara Membuat Recent Comment dengan Gravatar Tanpa Plugin ini benar berhasil?...

Ya... Cara ini sudah saya terapkan di blog ini, silahkan lihat demonya di sidebar blog ini dengan mengklik tab Komentar Terbaru.

3 comments:

  1. Wah mantap nih tutorialnya... langsung dicoba, kebetulan saya lagi nyari plugin untuk menampilkan komentar + gravatar di sidebar...

    Kalau untuk menampilkan artikel terbaru di sidebar+gravatar bisa ngga tanpa plugin??? Kalau ngga bisa dengan plugin juga boleh bro...

    ReplyDelete
  2. Pada baris keberapa saya harus menambahkan setiap perintah tersebut????? baik pada sidebar, style dan dan function???

    ReplyDelete
  3. menampilkan artikel terbaru + thumbnail/gravatar di sidebar tanpa plugin bisa aja, tapi bisa juga pakai plugin.

    Untuk style/css nya bisa di letakkan di paling bawah atau di mana saja

    Untuk functions letakkan saja di bawah sebelum kode ?>

    Dan kode untuk sidebar letakkan saja sebelum atau sesudah kode
    < ?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar') ) : ?>
    < ?php endif; ?>

    Tapi mas harus bisa-bisa mempelajari templatenya, karena kode setaiap template kadang tidak sama.

    ReplyDelete