Recent Posts Widget with Thumbnails for Blogger/Blogspot

Beberapa hari yang lalu, saya telah memposting tutorial tentang Cara Menambahkan Widget Posting Terbaru yang Sederhana tetapi hari ini saya ingin menyajikan kepada Anda widget Posting Terbaru yang sangat bagus yang dilengkapi dengan thumbnail postingan dan ringkasan postingan juga. Jika Anda ingin mengetahui cara menambahkan widget/gadget Recent Posts ini ke blog Blogger Anda , ikuti langkah-langkah di bawah ini:

Cara Menambahkan Widget Recent Posts ke Blogger Langkah 1.

Buka Blogger > Tata Letak dan kliktautan "Tambahkan Gadget "

Langkah 2. Dari jendela pop-up , gulir ke bawah dan pilih HTML/ JavaScript

Langkah 3. Tempelkan di dalam kotak kosong, kode berikut:

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
" pipe_params":{" URL ":" YOUR-BLOG/SITE-URL /feeds/posts/default"},
"hideHeader":"false","height":" 500 ","count": 8 }</script >
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Ambil widget ini ">
<style type=text/css>
.eggTray {margin:10px 0px; padding :0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!penting;}
.pipesTitle { padding-top:0px; }
.pipesDescription {display: true ;}
.ycdr {background:url transparan(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZOEXoR0Yq5azZDx_RSUqVJVr8lBR0k9LTZB1N1zkW2iz3Ae6-v5T79EbzYYuxlpJ4e26hNg8WN19Uk7TBa4SZ7tDho0K6-dlb4Nn8Y5JCREQRvBTmHvUGh56HSjfxiTQrLktkWHPD18/s1600/logo.png) 0px 0px tanpa pengulangan; padding: 1px 0px 0px 19px; tinggi:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Langkah 4. Ganti  URL-BLOG/SITUS-ANDA dengan alamat url situs/blog Anda (mis: http://helplogger.blogspot.com) dan pastikan tidak adasimbol garis miring " / " di akhir url Anda

Catatan:

• Untuk menonaktifkan bilah gulir , hapus angka 500
• Secara default, widget ini diatur untuk menampilkan maksimal 8 posting terbaru. Untuk mengubah angka ini, ganti angka 8 dengan jumlah postingan yang diinginkan
• jika Anda hanya ingin menampilkan judul posting, ubah true menjadi none dan "0" dari  padding-top:0px  dengan 10

Langkah 5. Simpan widget Anda. Dan selesai!

Jika Anda membutuhkan bantuan lebih lanjut, tinggalkan komentar Anda di bawah ini.