Friday, 28 October 2016

Membuat Recent Post Sederhana Tanpa Thumbail

Halo Sobat, wah kebetulan Saya telah memasang widget recent post di blog nih. Jadinya kepikiran untuk ngepost tutorialnya, yaitu Membuat Recent Post Sederhana Tanpa Thumbail. Recent post yang akan saya buat ini sangat sederhana, tidak ada thumbail dan hiasannya. Jadi tidak usah ribet-ribet dan tidak akan membuat blog jadi lemot.

Membuat Recent Post Sederhana Tanpa Thumbail 
Di atas itu, adalah contoh recent post tanpa thumbail gambar.

Langkah Membuat Recent Post Sederhana Tanpa Thumbail

Berikut ini adalah langkah-langkah untuk memasang widget recent post atau postingan terbaru di blog sobat.

1. Masuk ke blog Sobat dulu.
2. Kemudian pilih menu Tata Letak.
3. Klik Tambah Gadget.
4. Selanjutnya lihat di bagian gadgetnya ada HTML/JavaScript lalu klik.

Tambah Gadget - HTML/JavaScript

5. Nah selanjutnya Masukkan kode Script di bawah ini di bagian konten.

<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>

Catatan : 

Angka 5 yang saya beri warna merah itu, menunjukkan jumlah postingan yang akan muncul pada recent post yang akan di pasang. Sobat bisa mengubahnya menjadi 6 atau 7 atau berapa saja yang Sobat inginkan.

Jika telah selesai, silahkan klik tombol simpan kemudian lihat perubahannya. Semoga berhasil ya.

Demikian yang bisa Saya sampaikan untuk postingan Membuat Recent Post Sederhana Tanpa Thumbail. Semoga dapat bermanfaat bagi Sobat semua dan terima kasih telah berkunjung.

Artikel Terkait

Membuat Recent Post Sederhana Tanpa Thumbail
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

like