Cara Memasang Posting Terbaru Fast Loading di Sidebar Blog

Baca Juga

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

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

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

Cara Pasang Recent Posts

1. Theme > Edit HTM:L
2. Copas kode berikut ini di atas kode </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 kode berikut ini

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

CARA ALTERNATIF: Lebih Mudah

Anda juga bisa pasang kode tersebut sekaligus tanpa masuk ke template.
1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Copas kode 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&amp;alt=json-in-script&amp;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, yaitu penambahan nama label di bagian /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! (www.contohblog.com).*