Web Günlüğü

10 Nisan 2013 • Güncelleme Tarihi :

Blogger arşiv sayfası nasıl yapılır ?

Arşiv sayfası, bir nevi site haritası veya blogda yer alan bütün içeriklerin listelendiği bir sayfa olarak nitelendirilebilir. Arşiv sayfası oluşturarak ziyaretçilerin sitede yer alan içerikler hakkında bilgi edinmesini ve aradığı içerikleri kolay bulması sağlanabilir veya arama motorları botlarının içerikleri taraması kolaylaştırılabilir.

Birçok blogger arşiv sayfası javascript kodları farklı kaynaklardan çekildiği için içeriklerin gösterilmesi veya yüklenmesi zaman almakta. Altta paylaşmış olduğum arşiv sayfası kodları benim bizzat kendi blogumda kullanmış olduğum kodlardır bu kodlar dış kaynaklardan çekilmediği için daha hızlı yüklenmektedir. Daha hızlı yüklenen bir arşiv sayfası oluşturmak için bu kodları kullanabilirsiniz. Kodları eklemek için yeni bir sayfa oluşturup yazı editörünü HTML görünüme getirip yapıştırınız. Örnek arşiv sayfasını görmek için tıklayın.

Kodlarda kırmızı renkte belirttiğim yerleri birincisi blog adresi olmak üzere ve ikincisi listelenecek yazı adedi alanlarını kendi isteğinize göre değiştirebilirsiniz.

<script type='text/javascript'>
//<![CDATA[
var postTitle = new Array();
var postUrl = new Array();
var postYear = new Array();
var postMonth = new Array();
var postYearMonth = new Array();
var postYearMonth2 = new Array();
var postLabels = new Array();
var postBaru = new Array();
var sortBy = "titleasc";
var tocLoaded = false;
var numChars = 250;
var postFilter = "";
var month2 = ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];
function loadtoc(a){
function b(){
if ("entry" in a.feed) {
var d = a.feed.entry.length;
numberfeed = d;
ii = 0;
for (var h = 0; h < d; h++) {
var m = a.feed.entry[h];
var e = m.title.$t;
var l = m.published.$t.substring(0, 10);
var p = m.published.$t.substring(5, 7);
var g = m.published.$t.substring(8, 10);
var n = month2[parseInt(p, 10) - 1] + " " + m.published.$t.substring(0, 4);
var c = "http://www.zaferzent.com/" + m.published.$t.substring(0, 4) + "_" + p + "_01_archive.html";
var j;
for (var f = 0; f < m.link.length; f++) {
if (m.link[f].rel == "alternate") {
j = m.link[f].href;
break
}
}
var o = "";
for (var f = 0; f < m.link.length; f++) {
if (m.link[f].rel == "enclosure") {
o = m.link[f].href;
break
}
}
postTitle.push(e);
postUrl.push(j);
postYearMonth.push(n);
postYearMonth2.push(c);
}
}
}
b();
displayToc2();
document.write('')
}

function displayToc2(){
var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postYearMonth[b];
document.write('<div class="toc"><h3>' + temp1 + "</h3><ul>");
firsti = a;
do {
document.write("<li>");
document.write('&nbsp;&nbsp;<a href="' + postUrl[a] + '">' + postTitle[a] + "</a>");
document.write("</li>");
a = a + 1
}
while (postYearMonth[a] == temp1);
b = a;
document.write("</ul></div>");
if (b > postTitle.length) {
break
}
}
};
//]]>
</script>
<script src="http://www.zaferzent.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>