Beranda / Tutorial Blogger

Cara Membuat Recent Post Widget Di Blog Tanpa Thumbnail

Ditulis oleh Zulfan
Cara Membuat Recent Post Widget Di Blog Tanpa Thumbnail
Recent Post Widget adalah sebuah widget yang dapat dipasang pada sidebar atau footer blog dan widget tersebut akan menampilkan deretan artikel terbaru dari blog sobat.

Script yang saya bagikan kali ini akan menampilkan artikel terbaru dari blog sobat dengan tampilan sederhana tanpa menampilkan thumbnail atau gambar sehingga widget ini tidak akan membuat loading blog sobat menjadi berat.

Pengunjung lebih suka mengunjungi blog yang tampilannya sederhana, fast loading, rapi dan teratur. Dari pada blog yang tampilannya ribet, banyak widget, loading berat dan tampilannya berantakan.

Cara Membuat Recent Post Widget Tanpa Thumbnail

  1. Buka Blogger.com > Tata Letak > Tambahkan Gadget > Pilih Gadget HTML/JavaScript.
  2. Kemudian masukkan script di bawah ini, lalu klik 'Simpan'.
<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
Ganti kode yang saya tandai dengan jumlah postingan yang ingin sobat tampilkan pada widget Recent Post. Demikian artikel Cara Membuat Recent Post Widget Tanpa Thumbnail, semoga bermanfaat.

Tidak ada komentar

Posting Komentar