Cara Memasang Posting Terbaru Fast Loading di Sidebar Blog

Cara Memasang Posting Terbaru (Recent Post) Fast Loading di Sidebar Blog - Memunculkan Daftar Judul Tulisan Terbaru.

MELENGKAPI dua postingan sebelumnya ihwal widget recent post, Mengatasi Judul Widget Sidebar yang Suka Hilang dan Cara Pasang Posting Terbaru di Sidebar Blog, berikut ini arahan lain yang juga memunculkan goresan pena terbaru.

Selain itu, tutorial kali ini dilengkapi dengan cara menampilkan recent post atau lates post per label (daftar goresan pena berdasarkan label), selain Fast Loading.

Cara Pasang Recent Posts

1. Theme > Edit HTM:L
2. Copas arahan berikut ini di atas arahan </head> atau </body>

<script type="text/javascript">
//<![CDATA[
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>

3. Save!
4. Sekarang klik Layout > Add a Gadget > pilih HTML/JavaScript
5. Copas arahan berikut ini

<ul>
<script type="text/javascript">var numposts = 5;var standardstyling = true;</script><script type="text/javascript" src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></ul>

CARA ALTERNATIF: Lebih Mudah

Anda juga mampu pasang arahan tersebut sekaligus tanpa masuk ke template.
1. Layout > Add a Gadget > pilih HTML/JavaScript

Baca Juga

2. Copas arahan berikut ini

<script type="text/javascript">
//<![CDATA[
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>
<ul>
<script type="text/javascript">var numposts = 5;var standardstyling = true;</script><script type="text/javascript" src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></ul>

3. Save!

Cara Pasang Recent Posts Per Kategori/Label

Cara memasang recent post per label sama dengan cara di atas. Namun, kodenya hanya diubah sedikit, yakni penambahan nama label di bab /feeds/posts/default menjadi

/feeds/posts/default/-/NamaLabel
Misalnya:

/feeds/posts/default/-/Blogging (Jika Labelnya satu Kata)
/feeds/posts/default/-/Tips%20SEO (Jika Nama Labelnya Dua Kata)
/feeds/posts/default/-/Tips%20SEO%20Blog {Jika Nama Labelnya Tiga Kata)

Demikian Cara Memasang Posting Terbaru (Recent Post) Fast Loading di Sidebar Blog.
Good Luck & Happy Blogging!