Hosting Unlimited Indonesia

HEADLINE NEWS

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog
Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

CARA memasang widget recent post, posting terbaru, artikel terbaru, atau entry baru berupa daftar judul postingan terakhir yang di posting di sidebar blog, sebenarnya bisa menggunakan widget Feed bawaan blogger.

Namun, judul widgetnya suka hilang karena blogger tampaknya mengupdate struktur kodenya. Biar gak hilang, agar aman, berikut ini Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog.

Demonya di sidebar kiri blog demo template blog DetikStyle ini, dengan nama widget Headline News.

1. Tema > Edit HTML
2. Cari (Ctrl+F) kode </head>
3. Simpan kode ini di atasnya:

<script type='text/javascript'>
 //<![CDATA[
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
//]]>
</script>

4. Simpan Template!
5. Klik Layout/Tata Letak
6. Klik Add a Gadget di sidebar, lalu pilih HTML/JavaScript
7. Copas kode berikut ini:

<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

8. Isi judul widget dengan Recent Post atau Posting Terbaru atau bebas!
9. Save!

Jika ingin menampilkan posting terbaru berdasarkan label, seperti di Footer blog demo template DetikStyle ini, tinggal tambahkan nama labelnya di belakang kode summary, seperti di bawah ini:

<script src="/feeds/posts/summary/-/Label?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

Save!

Demikian Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog.*

Previous
« Prev Post
Show comments
Hide comments
1 comment:
Tulis Komentar

Contact Form

Name

Email *

Message *