Cara Membuat Widget Komentar Terbaru di Blogger

Di entri sebelumnya saya sudah membuat entri yang membahas Cara Membuat Widget Entri Terbaru di Blogger. Kali ini saya akan membahas Cara Membuat Widget Komentar Terbaru di Blogger yang tak kalah pentingnya dengan pembahasan sebelumnya. Beberapa orang membutuhkan widget ini untuk membuat pengunjungnya betah di blognya karena penasaran dengan komentar-komentar yang fantastis dan membuat hati jadi penasaran. Tentu apabila sudah penasaran, pengunjung akan mengeklik tautan tersebut.

Sama dengan teknik sebelumnya, widget Komentar Terbaru ini juga dibuat dari widget Feed. Lantas apa bedanya dengan sebelumnya? Tentu beda URL yang disubmitkan ke widget Feed-nya. Bagaimana caranya? Penasaran bukan? Mari ikuti langkah demi langkahnya.

Cara Membuat Widget Komentar Terbaru

Seperti biasanya, kamu harus login di akun Blogger kamu. Setelah itu klik pada "Tata Letak" lalu klik "Tambahkan Gadget". Setelah itu pilih gadget "Feed".

Setelah itu salin kode URL blog kamu dengan ditambahkan /feeds/comments/default, berikut contohnya apabila implementasinya menggunakan URL blog Iskael.

Setelah itu klik "Lanjutkan", secara otomatis kamu akan diarahkan ke tampilan seperti di bawah ini.


Ubah judul widget menjadi "Komentar Terbaru" atau sesuai dengan keinginanmu.

Atur sesuai yang kamu inginkan. Kamu juga dapat menambahkan nama komentatornya dengan mencentang "Sumber/pengarang item". Kamu juga bisa membatasi jumlah komentar yang muncul. Setelah selesai pengaturan, klik "Simpan". Lalu kustomisasi widget dengan CSS yang kamu inginkan. Berikut ini adalah tampilan widget Komentar Terbaru di blog Iskael.

Jika kamu ingin meniru gaya widget Komentar Terbaru milik Iskael, kamu bisa melihat kode CSS di bawah ini. Perhatikan "ID" dari widget kamu. Widget Komentar Terbaru Iskael menggunakan #Feed2, karena #Feed1 sudah digunakan oleh widget Entri Terbaru.

#Feed2 {
background: #fff;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 15px;
}

#Feed2 h2 {
padding: 6px;
padding-bottom: 12px;
text-align: center;
background: url(http://intikali.org/iskael/pita-iskael.png) no-repeat top center;
color: #FFF;
background-size: 290px;
margin-bottom: 15px;
}

#Feed2 li {
list-style-type: none;
padding: 10px;
border: 1px solid #eee;
margin-bottom: -1px;
}

Mudah, 'kan? Selamat mencoba di blog masing-masing :)