Blogger Arşiv Sayfası Oluşturma

Blogger'de şu anda benimde kullandığım arşiv sayfası eklentisini sizlere sunuyorum.Oldukça basit bir biçimde arşiv sayfası oluşturabilirsiniz.Kendi isteğinize göre renk düzenlemesi yapabilirsiniz.Harika ve şık bir o kadarda anlaşılır arşiv sayfasına sahip olmak için tek yapmanız gereken aşağıdaki kodları

Blogger Yeni Sayfa Oluşturmak isimli makalemizde ayrıntılı olarak inceleyebilirsiniz.
Arşiv sayfamıza ulaşmak için tıklayınız.

Blogger Arşiv Sayfamız

Şimdi Blogger Yeni Sayfa Oluşturmak yazımızda anlatıldıgı gibi html kısmına aşagıdaki kodları ekliyorsunuz.

<style type="text/css"> 
#toc{ 
width:99%; 
margin:5px auto; 
border:1px solid #2D96DF; 
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); 
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); 
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); 
} 
.labl{ 
color:#FF5F00; 
font-weight:bold; 
margin:0 -5px; 
padding:1px 0 2px 11px; 
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%); 
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE)); 
border:1px solid #2D96DF; 
border-radius:4px;-moz-border-radius:4px; 
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb; 
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block; 
} 
.labl a{ 
color:#fff; 
} 
.labl:first-letter{t 
ext-transform:uppercase; 
} 
.new{ 
color:#FF5F00; 
font-weight:bold; 
font-style:italic; 
} 
.postname{ 
font-weight:normal; 
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); 
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); 
} 
.postname li{ 
border-bottom: #ddd 1px dotted; 
margin-right:5px 
} 
</style> 
<br />
<div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script> 
<script src="http://www.mcuhadar.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script></div>

Kodları ekledikten sonra sıra geldi değiştireceğiniz yerlere kırmızı olan kısıma kendi site adresini eklemeniz yeterli olacaktır başka ayarlar ile oynamayın.Sorun veya sorularınız için yorum bölümünü kullanabilirsiniz.