Blogger JSON · Archive List Base
Pembaharuan: 10 Desember 2012
Kode HTML Lengkap:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<div id="archive-container">Memuat...</div>
<script>
// Blogger JSON - Archive List
var postTitle = [],
postUrl = [],
postDate = [],
postMonth = [],
postYear = [],
postYearMonth = [],
postDateNum = [],
monthArray = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"], link, enclosure;
function loadArchive(json) {
if ("entry" in json.feed) {
var total = json.feed.entry.length;
for (var i = 0; i < total; i++) {
var entry = json.feed.entry[i],
title = entry.title.$t,
a = entry.published.$t.substring(0,10),
b = entry.published.$t.substring(5,7),
c = entry.published.$t.substring(8,10),
pub = monthArray[parseInt(b,10) - 1] + " " + entry.published.$t.substring(0,4),
date = "/" + entry.published.$t.substring(0,4) + "_" + b + "_01_archive.html";
for (var j = 0; j < entry.link.length; j++) {
if (entry.link[j].rel == "alternate") {
link = entry.link[j].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == "enclosure") {
enclosure = entry.link[k].href;
break;
}
}
postTitle.push(title);
postDate.push(a);
postUrl.push(link);
postYearMonth.push(pub);
postYear.push(date);
postDateNum.push(c);
}
}
displayToc();
}
function displayToc() {
var a = 0, b = 0, skeleton = "";
while (b < postTitle.length) {
temp = postYearMonth[b];
skeleton += '<p><strong><a title="' + temp + '" href="' + postYear[b] + '" target="_blank">' + temp + '</a></strong>';
skeleton += '<ul>';
do {
skeleton += '<li>';
skeleton += '<time>[' + postDateNum[a] + ']</time> - <a title="' + postTitle[a] + '" href="' + postUrl[a] + '" target="_blank">' + postTitle[a] + '</a>';
skeleton += '</li>';
a = a + 1;
} while (postYearMonth[a] == temp);
b = a;
skeleton += '</ul>';
if (b > postTitle.length) {
break;
}
}
document.getElementById('archive-container').innerHTML = skeleton;
}
(function() {
var head = document.getElementsByTagName('head')[0],
script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://nama_blog.blogspot.com/feeds/posts/summary/?alt=json-in-script&callback=loadArchive&max-results=9999";
head.appendChild(script);
})();
</script>
</body>
</html>Labels: Blogger, JavaScript, JSON, Potongan
6 Comments:
mancap...\m/
takut hilang yah bos, makana di postingkan! hihihihi :D
@Beben Koben Iya haha... :D
Cara pasangnya gimana Bang Tofik ? :-bd
Kenapa yah gak muncul semua postingannya, padahal javascriptnya gak di otak atik,..
Postinganku dari 2014 tapi yg muncul cuma dari bulan Oktober 2015 saja sampai postingan terbaru..
Pada bagian ini ?alt=json-in-script&callback=loadArchive&max-results=9999 udah tak tambah lagi max resultnya tetap sama..
kalo JSON artikel populer gimana mas :D
Cek → /2013/06/performa-widget-random-post.html
Post a Comment
<< Home