Blogger Arşiv Sayfası Nasıl Oluştururum ?



Blogger günden güne kendini geliştirmeye devam ediyor. İlk zamanlarda wp se rakip olamayacağı düşünülen blogger şimdi ise wp si bence çoktan geçmiş durumda. Bu makalemde sizlere biaz bloglarımızı ziyaretçilerimiz için daha kolay kullanımlı hale getirmek için Blogger Arşiv Sayfası Nasıl Oluştururum bunu anlatacağım...


Arşiv sayfası, bir nevi site haritası ya da blogda bulunan tüm içeriklerin listelendiği bir sayfa olarak nitelendirilebilir. Blogger Arşiv sayfası oluşturarak ziyaretçilerin sitede bulunan içerikler ile ilgili haber edinmesini ve istediği içerikleri pratik bulması sağlanabilir ya da arama motorları botlarının içerikleri taraması kolaylaştırılabilir.

Birçok blogger arşiv sayfası javascript kodları çeşitli kaynaklardan çekildiği için içeriklerin gösterilmesi ya da yüklenmesi belli bir süre almakta. Altta paylaşmış olduğum arşiv sayfası kodları benim bizzat kişisel blogumda kullanmış olduğum kodlardır bu kodlar dış kaynaklardan çekilmediği için ek olarak daha çabuk yüklenmektedir. Ek olarak çabuk yüklenen bir arşiv sayfası oluşturmak için bu kodları kullanabilirsiniz. Kodları ilave etmek için yeni bir sayfa oluşturup içerik editörünü HTML görünüme getirip yapıştırınız.

Kodlarda kırmızı renkte belirttiğim yerleri birincisi blog adresi olmak üzere ve ikincisi listelenecek içerik adedi alanlarını bizzat isteğinize yönelik değiştirebilirsiniz tamamen sizlere kalmış.

<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://tr-bloggeryardim.blogspot.com.tr/" + 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://tr-bloggeryardim.blogspot.com.tr/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script>

Çok basit değilmi ? Makalemin başında blogger ın wp si çoktan geçtiğini yazmıştım. Ne demek istediğimi eminim anladınız. Umarım faydalı olur.


Google Plus'da Paylaş

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger İle Yorum Yap
    Facebook İle Yorum Yap

1 yorum :

  1. Teşekkür Ederim Kardeşim Ellerine Sağlık Faydalı Makale Olmuşş . :)

    YanıtlaSil