Menampilkan Recent Komentar di Sidebar

Bagaimana caranya menampilkan recent komentar di halaman sidebar blog kita ?.. terutama  biar gampang melihatnya kalau tulisan kita ini ada yang ngasih sebuah komentar baru.

Untuk memasang Recent Comment tersebut, sebenarnya banyak sekali cara yang bisa di lakukan baik itu mengunakan Javascript atau mengunakan sebuah Feed.

Dan dalam tulisan ini, saya mengunakan dengan cara yang ke dua yaitu mengunakan sebuah feed, pertimbangannya karena sangat mudah untuk di pasang dan tidak memberatkan blog kita sewaktu ngeloding.

untuk itu yang perlu kita lakukan adalah.

1. Buka blog kita, dalam Tab Layout pilih -  Halaman elemen.

2. Klik Tulisan Tambahkan Sebuah Halaman Elemen.

3. Setelah terbuka  pilih Elemen FEED ( dan tekan tombol Tambahkan Ke Blog ).

4. Dalam Konfigurasi Feed isi kotak kosong dengan alamat url feed comment blog kita yaitu :

http://NamaBlogKamu.blogspot.com/feeds/comments/default

Kemudian klik tombol Lanjutkan

5. Setelah itu dalam windows yang terbuka atur settingan-nya.

Judul : Isi dengan nama yang kita inginkan.

Tampilkan : Menampilkan jumlah komentar yang masuk.

Tanggal Item : Tandai / cek untuk menampilkan tanggal komentar.

Sumber/Pengarang Item : Tandai untuk mengetahui siapa yang memberi komentar. 

6. Setelah beres klik Simpan Perubahan.

Menambah Latar Belakang Atau Bingkai

Secara default  recent comment yang di tampilkan oleh template bawaan blogger seperti gambar di bawah ini :

Dan kita bisa menambahkan list icon  latar belakang atau bingkai untuk mempercantik dan menonjolkan kotak komentar ini. seperti gambar.

Caranya yang mesti kita lakukan :

1. Dalam Tab layout pilih Edit Html

2. Kemudian dalam halaman/tulisan  kode Css masukan kode ini :

#sidebar #Feed1 ul li {
  background-color:#DEDEDF;
  border-bottom:1px solid #000;
  margin:0 0 0 0px;
  padding:5px;
  text-indent:0px;
}

Keterangan

#sidebar #Feed1 ul li: mendifinisikan proferti list feed. dan feednya tergantung dari jumlah yang telah kita pakai misalkan bisa #Feed1, atau #Feed2, dst.

background-color: mendifinisikan proferti warna latar belakang. bisa #DEDEDF ( abu-abu ) atau #B4D2F2 ( biru muda ) dll.

border-bottom: menambah border untuk bagian bawah saja.

Recent Komentar Dengan Javascript

Jika anda tertarik untuk memesang kotak komentar dengan bantuan javascript, anda bisa lihat di :

1. beautifulbeta.blogspot Recent Comments Widget ( Add Recent Comments  To Blog )

2. hackosphere.blogspot customizable-recent-comments-widget

 

Jika blog ini bermangfaat.Ikuti terus update informasinya. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .
Makasih juga atas kunjungannya.

Technorati tags: Blogger Tutorial, Recent Komentar

Page views this post: reader