0 Recent Posts Widget With Thumbnails and Summaries

Widget Recent Post yang Menampilkan Thumbnail dan Ringkasan Posting

Recent Posts and Recent Comments widgets are important widgets to be installed on your blog. They can help your blog’s visitor to know what is your latest posts or articles, and also the comments.

Do you still remember how to add Recent Posts widget using feed address like this: ‘http://blogname.blogspot.com/feeds/posts/default’ ? Now, there is an easier method than the old method. By using this new method you can set unlimited number of posts will be displayed on your blog. And also, you can display thumbnail of your recent posts.  Interested? Okay, let me show you how to add this widget – including Recent Comments widget – to be installed on your blog.

1. Login to www.blogger.com and go to your Dashboard > Layout
2. Click on Add a Gadget, a pop-up window will appear on your screen. Scroll down till you see on the left side “Featured” link. Click the link and it will bring you to Featured window.
3. There are two Recent Posts Widgets on the list. Choose the second one called Recent Posts Advanced. This widget can show recent posts with thumbnails and summaries. And using this widget, you can display recent posts from any blogger blog.
   
4. On Configure Gadget window you’ll see lots of options.
   • Title :  name of your widget/gadget
   • Height : determine the height of the widget
   • Blog Url :  url of blog you want to display the recent posts
   • Display post thumbnails : display the thumbnail or not
   • Display post summaries : display summaries or not
   • Summary length   : number of character of summary to be displayed
   • Display post date : display date or not
   • Display the number of comments : display number of comment or not
   • Display the Read more link : display read more or not
   • Display a Separator b/w posts : if you choose to display, then there will be line across the width of widget between posts
5. You have finished configure the widget. Don’t forget to Save your work.
6. Now see the result on your blog. It will look like the image below or you can see the demo here.

 

--------------------------------------------------------------------------------Bahasa Indonesia-----------

Recent Post dan Recent Comments adalah widget penting yang dapat menampilkan posting/artikel terakhir maupun komentar terakhir. Biasanya diperlihatkan dalam bentuk daftar secara vertikal.

Masih ingat dengan pembahasan yang lalu mengenai Recent Posts dengan menggunakan alamat feed dengan alamat seperti ini : ‘http://nama bloganda.blogspot.com/feeds/posts/default’ ? Ada beberapa kekurangan dari cara tersebut, yaitu jumlahnya yang dibatasi hanya 5 posting terakhir dan tidak bisa menampilkan thumbnail. Tapi sekarang ada widget yang lebih mudah pemasangan dan mempunyai fitur yang berlimpah, yaitu bisa menampilkan posting tak terbatas, bisa menampilkan thumbnail, bisa menampilkan ringkasan posting dengan jumlah karakter yang bisa ditentukan oleh anda, dan masih banyak lagi. Tertarik? Oke, saya akan jelaskan caranya buat anda.

1. Login ke www.blogger.com dan pada halaman Dasbor pilih Tata Letak.
2. Lalu klik Tambah Gadget, sebuah jendela Tambahkan Gadget akan muncul. Pilih ‘Unggulan’ pada sisi kiri.
3. Pada jendela Unggulan, anda akan menemukan 2 buah gadget Recent Posts. Pilihlah yang kedua dengan nama Recent Posts Advanced. Kenapa memilih yang ini, karena fiturnya lebih lengkap, yaitu seperti yang saya sudah sebutkan di atas.
4. Setelah anda memilih Recent Posts Advanced, maka akan muncul halaman Setel Gadget. Anda akan melihat banyak sekali option yang tersedia, sebagai berikut:
   • Judul : nama atau judul dari gadget/widget
   • Ketinggian : ukuran tinggi dari gadget/widget ini
   • Blog Url : alamat blog mana pun untuk ditampilkan Recent Posts-nya
   • Number of Posts to display : jumlah posting/artikel yang ingin ditampilkan
   • Display posts thumbnail : bila ingin menampilkan thumbnail, cek lis. Bila tidak, kosongkan
   • Display posts summaries : bila ingin menampilkan ringkasan dari posting/artikel, cek lis. Sebaliknya kosongkan.
   • Summary length : panjang ringkasan dalam jumlah karakter
   • Display post date : bila ingin menampilkan tanggal posting, cek lis. Sebaliknya kosongkan.
   • Display the number of comments : bila ingin menampilkan jumlah komentar pada setiap posting, cek lis. Sebaliknya kosongkan.
   • Display the Read more link : bila ingin menampilkan Read more, cek lis. Sebaliknya kosongkan.
   • Display a Separator b/w the posts : bila ingin menampilkan garis pemisah antara posting satu dengan yang lainnya, cek lis. Bila tidak, kosongkan.
5. Nah, sekarang anda sudah selesai dan bisa menyimpan dengan meng-klik Simpan.
6. Silakan lihat hasilnya di blog kamu. Atau anda bisa melihat hasilnya pada gambar di atas ataupun lihat pada demonya di sini.