Cara Membuat Widget Recent Post (Artikel Terbaru) di Blog

Oleh: Unknown

Monday 2 February 2015

Bagikan :

Tweet

DETIKREVOLUSI.com - Pada kesempatan kali ini, saya akan memberikan tutorial Cara Membuat Widget Recent Post (Artikel Terbaru) di Blog. Ada dua opsi untuk membuat widget recent post (artikel terbaru). Opsi yang pertama yaitu widget recent post disertai gambar/thumbnail, dan opsi yang kedua yaitu widget recent post tanpa disertai gambar/thumbnail. Nah, yang akan saya bahas disini adalah opsi yang kedua, yaitu widget recent post tanpa disertai gambar/thumbnail.

Berikut langkah-langkahnya :

1. Masuk ke dashboard blogger.com

2. Pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript

3. Lalu copy dan paste-kan kode di bawah ini ke kolom konten HTML/JavaScript tadi.

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://detikrevolusi.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script> 

4. Ganti detikrevolusi.com dengan URL blog Anda.
5. Selesai, klik "Simpan".

Nah, itulah Cara Membuat Widget Recent Post (Artikel Terbaru) di Blog. Semoga tutorial yang saya berikan bermanfaat untuk Anda. Selamat mencoba dan semoga berhasil.

Tag : Tutorial