Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü


bu bloğu izle

Bumerang - Yazarkafe

Olist Blogger Teması
canlı radyo dinle

Blogger Hızlı Açılan Arşiv Sayfası Oluşturma

10 Nisan 2013 Çarşamba - #
Blogger Hızlı Açılan Arşiv Sayfası Oluşturma
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>



Yorumlar

  1. Teşekkürler Güzel oldu...
    Açılır menü olarak uygulanabilir mi ?

    YanıtlaSil
    Yanıtlar
    1. Açılır menü'den kastınız nedir tam olarak anlayamadım Tuba hanım.

      Sil
    2. nisan 2013
      mart 2013'ün içerikleri alt altalta açık bir şekilde görünüyor
      ayların içeriği kapalı olsa da bir ok olsa yanlarında istenilen ayın içeriği genişletilse diye düşündüm böyle bişey mümkün mü?
      sayfa açılımı hızlanır gibime geliyor ?
      ayların içerikleri kapalı olcak yani sayfa ilk açıldığında...

      Sil
    3. Jquery'ile yapılabilir ancak bu konuda bilgili değilim zaten jquery ile yapılınca da hızlı açılmaz tam tersine yavaşlık söz konusu olur.

      Sil
    4. anladım yanıt için teşekkürler...Ağır açılacak ise sayfa o tercihim olmaz...

      Sil
  2. Aylık kategorilendirme değilde, etiket kategorilendirme daha kullanışlı. Bu ziyaretçi tarafından da çok seviliyor. Wordpresste bu mümkün. Blogger da da, şu kod var ama bu da bütün kategorileri gösteriyor. Bütün kategorileri arşiv sayfasında göstermek çok sıkıntılı oluyor.


    http://dl.dropboxusercontent.com/s/e7yy800s6gzszri/etiketli%20arsiv.txt


    Sadece elle ekleyeceğimizi kategorileri arşiv listesinde göstersin.

    yada

    Sadece manuel ekleyeceğimiz kategoriler dışında kalacak kategorileri arşiv listesinde göstersin.

    Bu şekilde ayarlayabilir misiniz?

    YanıtlaSil
  3. Sanırım anlatmak istediğiniz olay benim Blogger sayfasında kullandığım sadece belirli etiketlere ait yazıların listelenmesini sağlamak.

    http://pastebin.com/v5f79GFX bu sayfada gerekli kodlar mevcut bu kodda sadece Blogger Temalarına ait yazılar listelenmekte. Birden fazla etikete ait yazıları listelemek istiyorsanız aynı kodları kopyalayıp altına yapıştırarak ve Blogger%20Temaları yazan yerleri blogunuzda bulunan istediğiniz etiket ile değiştirerek kullanabilirsiniz.

    YanıtlaSil
  4. Selam Buldugum en iyi arsiv sayfasi elinize saglik kullaniyorum :) Hemen soruma geceyim sayfalarimda 1000 den fazla paylasim var bunlari iki yada daha fazla arsiv sayfasina dagitmak mumkunmu tek sayfada bu kadar yazi cok yavas aciliyor ilginize simdiden cok tesekkur ederim.

    YanıtlaSil
  5. Tarih Deposu, öncelikle yorumun için teşekkür ederim. Yapmış olduğun yorumdan önceki yorumumda kategorilere göre arşiv sayfası yapmak için gerekli kod linkini paylaştım. Tekrar paylaşayım yine de http://pastebin.com/v5f79GFX. Bu linkteki kodlar sayesinde birden fazla sabit sayfa oluşturup, her sayfada farklı bir kategoriye ait yazıları listeleyebilirsin. Böylelikle hem arşiv sayfası uzayıp gitmez, hem de bir nebze olsun hızlı açılmasını sağlayabilirsin.

    YanıtlaSil
  6. Tesekkur ederim acemilik ust siradaki yaziyi okumadan size yazmisim Cevap icin Tesekkurederim ugrasmaya basladim InsALLAHcc yapabilirim Sayfanizi takip ediyorum

    YanıtlaSil
  7. Teşekkürler aradığım şekilde ki arşiv sayfası buydu. İyi çalışmalar.

    YanıtlaSil
  8. İşime yaradı teşekkürler.

    YanıtlaSil
  9. Selamlar, öncelikle anlatım için teşekkürler.
    Uzun zamandır arşiv sayfası kullanıyorum.
    Daha önce js kodları kapalı kullanıyorum şimdi bu şekilde açık kullanmaya başladım. Sayfa daha hızlı yükleniyor.

    Fakat benim bi sorunum var, arşiv sayfamda tüm yazılarım görünmüyor, mesela yayınlar 2007 yılında başlamasına rağmen 2010 yılına kadar gösteriyor ve ben her yeni yayın eklediğimde arşiv sayfasındaki en eski (en son) yazı siliniyor. Blogda yayınlanmış 200 kadar yazım var şu anda, acaba kodların içinde "şu kadar satır göster şeklinde" bir sınır mı var? Defalarca kez göz gezdirdim ama bişey bulamadım. Yardımcı olursanız sevinirim.

    Arşiv Adres: http://sessiz-cigliklarim.blogspot.com.tr/p/arsiv.html

    YanıtlaSil
    Yanıtlar
    1. Evet kodların bulunduğu son satırlara dikkat ederseniz 500 yazan bir yer var orası sınırı belirtiyor fakat o kadar içeriğinizin olmadığını belirtmişsiniz. Sorununuzu tam olarak ben de anlayamadım. Bir de kaynak kodlarınıza baktım da var c = "http://www.zaferzent.com/" + m.published.$t.substring(0, 4) + "_" + p + "_01_archive.html"; benim blog adresim yazıyor benim yayınlar 2010 yılından başladığından o etkileyebilir. Onu kendi blog adresinizle değiştirip deneyin isterseniz.

      Sil

İletişim Formu

Ad

E-posta *

Mesaj *