Arşiv bağlantılarımın sırasını nasıl değiştirebilirim?
Not: Bu makale klasik şablonlara yöneliktir. Blogunuz Düzenler'i kullanıyorsa, bu özellik
arşiv sayfa öğesi tarafından bir seçenek olarak desteklenir. ("Düz liste" seçeneğini belirleyin ve "önce en eski yazıları göster" seçeneğinin işaretini kaldırın.)
Varsayılan olarak, arşiv bağlantıları kodu en eskileri en üstte, en yenileri de altta olacak şekilde listeler. Ancak, biraz JavaScript kullanarak bunu tersine çevirmek mümkündür. Şu şekilde görünecektir:
Önce | Sonra |
---|---|
Aralık 2003 Ocak 2004 Şubat 2004 | Şubat 2004 Ocak 2004 Aralık 2003 |
Bunu blogunuzda yapabilmek için varsayılan arşiv kodunu aşağıdakiyle değiştirmeniz
yeterlidir:
<ul class="archive-list">
<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>',
'<$BlogArchiveName$>');
</BloggerArchives>
for (var i=archives.length-1;i>=0;i--)
{
document.write('<li><a href=\"' + archives[i][0] + '\">' +
archives[i][1] + '</a></li>');
}
</script>
</ul>
Burada, <BloggerArchives>
etiketleri her zamanki gibi tüm arşiv bağlantılarının etrafında bulunuyor, ancak biz bunları görüntülemek yerine bir Javascript dizisinde saklıyoruz. Daha sonra for
döngüsünü kullanarak, bunların arasında ters yönde ilerliyoruz ve bu kez yeni sırasında görüntülenmesini sağlıyoruz. Bu kodu, doğrudan şablonunuza kopyalayabilirsiniz, herhangi bir değişiklik yapmanız gerekmez.
Notlar:
- Bu kod bağlantıların sıralanmamış bir liste olarak görüntülenmesini sağlar. Farklı bir biçim kullanmak isterseniz,
<ul>
ve<li>
etiketlerini tasarımınıza yönelik uygun HTML ile değiştirin. - Tarayıcılarında Javascript etkin olmayan kişiler konusunda endişeleniyorsanız, şablonunuzda orijinal arşiv kodunu tutmaya devam edebilirsiniz. Bunları
<noscript>
etiketlerinin içine yerleştirerek, yalnızca Javascript'in etkin olmadığı tarayıcılarda
görüntülenmesini sağlayabilirsiniz. Şu şekilde:<noscript><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives></noscript>
0 Yorum Ekle: