Bli Tyan On Sosial Network : RSS Feed | Bloggers | Digg | Linkedin
Raih Dollar Pasti, Legal, dan Halal Dengan ProfitClicking

7/06/2010

Membuat Recent Comments + Gravatar Tanpa Plugin

Posted by Bli Tyan
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 salin 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 salin 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 atau Back-Up 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 :-)

Mudah-mudahan bisa bermanfaat, dan mohon maaf jika ada yang kurang atau ada yang salah. Bagi teman-teman yang merasa ada yang salah atau ada yang kurang silahkan betulkan atau tambahkan melalui kolom komentar di bawah ini :)
Sampai jumpa di posting Wordpress Tutorial Bli Tyan berikutnya :)

Please subscribe, leave a comment, follow this blog and share this article with your friends and colleagues.
by: http://blityan.blogspot.com

Share This On :


Related Post :

1 comments:

judi bola said...

nice share bwt newbie nih gan...
coba tampilkan variasi2 yg lain...sukses slalu

Post a Comment

Raih Dollar Pasti, Legal, dan Halal Dengan ProfitClicking
Bli Tyan Visitors
 

Copyright © 2011 Bli Tyan | Design by Ibllezboy

▲ TOP