Blogger arşiv sayfası nasıl yapılır ?
10 Nisan 2013 • Güncellenme Tarihi :

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(' <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&alt=json-in-script&callback=loadtoc">
</script>
Teşekkürler Güzel oldu...
YanıtlayınSilAçılır menü olarak uygulanabilir mi ?
Açılır menü'den kastınız nedir tam olarak anlayamadım Tuba hanım.
Silnisan 2013
Silmart 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...
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.
Silanladım yanıt için teşekkürler...Ağır açılacak ise sayfa o tercihim olmaz...
SilAylı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.
YanıtlayınSilhttp://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?
Sanırım anlatmak istediğiniz olay benim Blogger sayfasında kullandığım sadece belirli etiketlere ait yazıların listelenmesini sağlamak.
YanıtlayınSilhttp://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.
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ıtlayınSilTarih 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ıtlayınSilTesekkur ederim acemilik ust siradaki yaziyi okumadan size yazmisim Cevap icin Tesekkurederim ugrasmaya basladim InsALLAHcc yapabilirim Sayfanizi takip ediyorum
YanıtlayınSilTeşekkürler aradığım şekilde ki arşiv sayfası buydu. İyi çalışmalar.
YanıtlayınSilİşime yaradı teşekkürler.
YanıtlayınSilSelamlar, öncelikle anlatım için teşekkürler.
YanıtlayınSilUzun 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
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