Custom Domain Blogger

HEADLINE NEWS

Subscribe Here!

Enter your email address. It;s free!

Delivered by FeedBurner

Cara Memasang Recent Post - Posting Terbaru di Sidebar Blog

Posted by On July 16, 2017

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

Next
This is the current newest page
Previous
Next Post »

Komentar Spam Takkan Muncul Bro!