Arşiv Sayfası Eklentisi | Blogger

icon edit blogger
blogger responsive archive widget gadget

Mobil ekran uyumlu (responsive), duyarlı blogger arşiv sayfası eklentisidir.

Eğer bir blogger bloğunuz varsa, mutlaka bu eklenti işinize yarayacaktır.

Arşiv sayfaları eklentisi sayesinde blogger bloğunuz daha düzenli görüneceği için, arama motorları sitenize daha sempatik yaklaşacaktır.

Blogger için arşiv sayfalarınızda kullanabileceğiniz, pratik fonksiyonlara sahip akordiyon özellikli bu eklentiyi uygulamak için;

Blogger Arşiv Eklentisi Uygulama Klavuzu

  • Blogger panelinde Sayfalar menüsünde yeni bir sayfa oluşturun.
  • Sayfa başlığınızı ve kalıcı bağlantınızı ayarlayın.
  • Blogger metin panelinizi açın. Metin panelinizde "Oluştur" değil, "HTML" görünümündeyken aşağıdaki kodu yapıştırın.
  • http://www.siteadi.com kısmını kendi site adresiniz ile değiştirin.
  • Etiket başına en son kaç adet yayın görüntülenmesini istiyorsanız, showNew: 15 kısmını değiştirin.
  • Düzenlemeleri yaptıktan sonra yayınlayın.

<div dir="ltr" style="text-align:left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-of-content" id="table-of-content">
<span class="loading">Yükleniyor...</span></div>
<script>
var toc_config = {
    url: 'http://www.siteadi.com/',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script>
</div>
Eklenti Örnek Görünümü
"Arşiv Sayfası Eklentisi | Blogger" hakkında yorum yazmak ister misin?
Dilerseniz "bloggerweb sitesi" kategori bağlantısını, yer imlerinize ekleyerek, site içi hiyerarşisinde zaman harcamadan güncel konulara ulaşabilir yada sosyal medya hesabınızda imleyebilirsiniz.

Başka neler var?

El Sanatları
  1. Harika bir arşiv sayfası eklentisi. Test ettim mobil telefonlarla da uyumlu. Çok teşekkürler.

    YanıtlaSil
  2. Blog konularına yorum yazan biri değilim. Ancak arşiv eklentisi konunuza geribildirim yapma sorumluluğu hissettim. Düzgün çalışan arşiv sayfası arıyordum. Beklentilerimin üzerinde bir eklenti oldu. Diğer arşiv sayfası eklentilerinde olduğu gibi query sorgu mantığı hantal işlemiyor, aksine çok hızlı. Sorgu parametreleri çok hızlı bir şekilde sonuç sayfalarını önünüze getiriyor. Blogger arşiv sayfası eklentisi arayanlar için denemelerini öneririm. Mutlaka işlerine yarayacaktır.

    YanıtlaSil
    Yanıtlar
    1. Evet benim de işime yaradı. Blogger arşiv sayfası eklentisini bloguma ekledim. Çok hızlı listeleme işini yapıyor. Üstelik target="_blank" özelliği ile konular yeni sekmede açılıyor. Ziyaretçilerim için işlevsel oldu. Çok teşekkürler.

      Sil
  3. Mobil ekran uyumlu blogger arşiv sayfası eklentisi için teşekkür ederim. Css üzerinde tasarım değişikliği yaparak, arşiv sayfası eklentisini blogumda daha da uyumlu hale getirdim. Blogger arşiv sayfası eklentisi kullanmak isteyenler mutlaka bunu denesinler. On numara eklenti yapmışlar. Teşekkürler.

    YanıtlaSil

Türkçe'nin doğru kullanıldığı, ilgili konu ile alakalı yorumlar öncelikli olarak yayınlanır.
Yorumlarınızda; <b>, <i>, <a> gibi temel Html etiketlerini kullanabilirsiniz.
Yorumlarınızda; Url adresi belirtirken lütfen başına http:// protokolünü koymayı unutmayın!