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.

Share this post