Cara Membuat Widget Entri Terbaru di Blogger

Pernah berpikir bagaimana cara membuat widget entri terbaru di Blogger? Beberapa blogger menggunakan JavaScript untuk menyelesaikan problema ini. Beberapa hari yang lalu juga ada yang bertanya kepada saya mengenai hal ini di grup Diskusi HTML Pemula.

Seharusnya tidak perlu sampai pakai JavaScript untuk problema ini. Kamu cukup menggunakan fitur widget yang disediakan Blogger. Memangnya ada? Jawabnya adalah tidak ada. Namun, belum berarti tidak ada sama sekali. Kamu bisa menggunakan trik yang akan saya paparkan berikut ini.

Baca juga: Cara Membuat Widget Komentar Terbaru di Blogger

Membuat Widget Entri Terbaru di Blogger

Pertama yang harus kamu lakukan adalah tentu saja login di dasbor akun Blogger kamu. Setelah itu tujulah "Tata Letak" dan klik "Tambahkan Gadget". Pilih gadget "Feed".

Setelah memilih gadget Feed, kamu akan diarahkan ke tampilan formulir pengisian URL Feed blog kamu.

URL Feed untuk Blogger perlu ditambahi dengan /feeds/posts/default. Setelah itu klik lanjutkan hingga muncul entri terbaru dari blog kamu.

Kemudian ganti judul Feed dengan Entri Terbaru atau sesuai dengan keinginanmu, seperti di bawah ini.

Kemudian klik "Simpan". Setelah itu jangan lupa untuk melakukan sedikit sentuhan dengan CSS agar sesuai dengan gaya template blog kamu. Berikut ini adalah CSS yang saya tambahkan di widget Entri Terbaru blog Iskael.


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

#Feed1 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;
}

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


Berikut ini adalah hasilnya.

Mudah bukan? Silakan mencoba :)