Blogger Hızlı Açılan Arşiv Sayfası Oluşturmak (SiteMaps)

Web de gezerken bir blogda arşiv sayfasının yüklenmesi zaman alabilir bekleyiniz yazıyordu. Bende arşiv sayfası oluşturmak isteyenler için hızlı yanıt veren bir kod düzenledim.

Kodlar direk site içerisinden çalışmakta ve hiç bir ek özellik içermemektedir. Bu sayade sayfa açılış hızını en iyi şekilde optimize etmektedir. Nette benzerleri vardır ama aynısı yoktur. En hızlı açılan arşiv sayfası srcipt 'idir. Son 500 yayına otomatik güncellenerek destek vermektedir. Blogger dışındaki site platformlarında da çalışmaktadır.




<script type='text/javascript'>
//<![CDATA[
var postTitle = new Array();
var postUrl = new Array();
var postMonth = new Array();
var postYearMonth = new Array();
var postYearMonth2 = new Array();
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://webseyyahi.blogspot.com/p/arsiv_09.html" + 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://webseyyahi.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

http://webseyyahi.blogspot.com : Yerine kendi site url nizi yapıştırıp istediğiniz yere HTML olarak kaydetmeniz yeterlidir.

HTML / JAVASCRİPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

CANLI DEMO SAYFASI


2 yorum:

  1. Mrb. 2 soru sormak istiyorum. Öncelikle Emeğinize sağlık. 1- Kodların arasında iki adet webseyyahi.blogspot.com var biri kırmızı olarak belirttiğiniz diğeri ise yukarılarda, her ikisinide değiştirmek gerekiyormu yoksa sadece kırmızı yaptığınızmı ?
    2- Kodları yeni sayfa + html olarak kaydettim yayınladım ama bir türlü ne ana sayfada ne başka bir sayfada görüntülenmedi. Aslında istediğim de buna yakın. Sadece sizdeki gibi yukarıda Kategori olarak eklemek istiyorum. Nasıl yapmam gerektiğini anlatırsanız sevinirim. Hoşca kalın..

    YanıtlaSil
  2. 1- Kodlarda değişiklik yapmayacaksanız, Sadece kırmızı yazanı değiştirmeniz yeterli
    2- Kısaca özel tema kullanıyorsuz yani önce temanın şablonunda anasayfa/elektrik/bilgisayar gibi bir alan oluşturduktan sonra yeni sayfada bu kodları eklemelisiniz.

    YanıtlaSil