Widget Recent Post dimuat Secara Asinkron

Dengan demikian, widget ini tidak akan membuat loading blog menjadi semakin berat, karena widget ini saya buat seramah mungkin, yaitu dengan menggunakan fitur asinkron, asinkron = akan termuat setelah seluruh halaman termuat.

Lihat Demo

Widget ini juga bisa menampilkan post terbaru perlabel, untuk pemasangannya cukup mudah, ikuti saja langkah langkahnya dibawah ini

Pada Dasboard Blogger pilih Tata Letak dan Tambahkan sebuah elemen halaman HTML/JavaScript, kemudian salin kode ini dan letakkan di dalam formulirnya:

<style scoped="scoped">
#recent_post {
    font: 12px Arial
}
#recent_post ul, #recent_post li {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
#recent_post li {
    line-height: 1.3em;
    margin: 0px;
    padding: 5px 0px;
    border-bottom: 1px dashed #DDD;
    clear:both;
    min-height: 80px
}
.thumbnail-iki {
    display: block;
    float: left;
    max-width: none;
    max-height: none;
    background-color: #CCC;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding:3px
}
.title-iki, .content-iki, .meta-iki {
    display: block;
}
.content-iki, .meta-iki {
    margin-left:90px;
}
.meta-iki {
    padding-bottom:5px;
    font-size:10px
}
</style>
<div id='recent_post'></div>
<script>
//<![CDATA[
var alamat = "http://obesitystrike.blogspot.com",
    caracter = 100,
    thubmnailSize = 75,
    jumlah = 10,
    ByLabel = false,
    newTab = true,
    noImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
    bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
//]]>
</script>
<script src='http://obs-project.googlecode.com/svn/js/recent_post.js'></script>

Konfigurasi Widget

Opsi Keterangan
alamat Ganti dengan URL blog Anda.
caracter Digunakan untuk menentukan jumlah karakter ringkasan posting.
thubmnailSize Digunakan untuk menentukan ukuran thumbnail. Ubah lebarnya menjadi 0 untuk tidak menampilkan thumbnail.
jumlah Digunakan untuk menentukan jumlah posting yang akan ditampilkan.
ByLabel Ganti nilai false menjadi nama label untuk menampilkan posting berdasarkan label yang spesifik. Contoh: ByLabel = "Seo" akan menampilkan semua posting dengan label Seo.
newTab Jika bernilai true, maka semua tautan dalam widget akan terbuka di tab/jendela baru saat diklik.
noImage Gambar Thumbnail cadangan jika posting yang tampil dalam widget tidak memiliki gambar.
bulan Tentukan nama-nama bulan sesuai dengan sistem penanggalan di negara Anda.