Bloggera Uygun Cok Fonskiyonlu Arsiv Sayfasi Ekleme

Bir önceki yazımızda Blogger Arşiv sayfası nasıl oluşturulur bunu yazmıştık.Bugünkü yazımızda ise yine başka bir blogger arşiv sayfası oluşturmaya anlatacağım.Tabiki bu arşiv sayfası çok fonksiyonlu olacak.
Nasıl ekleyeceğinizi alttaki yazımızda belirttiğimiz gibi aynen uygulayınız.Oldukça basittir.
Herkese başarılar dilerim.
Not: Bu arşiv sayfası otomatik olarak sitenizdeki tüm yazıları bir sayfada toplayacaktır..

Yapmanız gereken Blogger'da yeni bir sayfa oluşturup (adını ARŞİV diye adlandırabilirsiniz) aşağıdaki kodu kopyalayıp sayfanın HTML bölümüne kopyalayıp sayfayı kaydetmek.

<div id="bp_toc">
Loading the Archive Page. Please wait....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript">
</script><br />
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript">
</script><br />
<br />
<style>
#bp_toc {
  border: 0px solid #000000;
  padding: 5px;
  width:100%;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fff;
  color: #000000;
  padding-left: 5px;
  width:60%;
}
.toc-header-col2 {
  width:20%;
}
.toc-header-col3 {
  width:20%;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:14px;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:14px;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:14px;
}
</style>

Şimdi bir arşiv sayfanız var.
İşlem bu kadar

BU YAZI DAHA ÖNCE KAÇ DEFA OKUNDUĞUNU ALT TARAFTAN BAKABİLİRSİNİZ

BU YAZIMIZ DAHA ÖNCE KİŞİ TARAFINDAN OKUNDU.