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 type="text/javascript">
// 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>
0 komentar:
Posting Komentar