Bloggerda İçindekiler Sayfası Nasıl Oluşturulur

Arşiv sayfaları blogumuzda yer alan tüm yazıları okuyucularımızın önüne kolay bir şekilde serdiğimiz bir araçtır.Bunu blogger ın sahip olduğu standart arşiv gadget ile gösterebildiğimiz gibi benim blogumda şu an yer aldığı gibi tek bir sayfada da gösterebiliriz.Tam anlamıyla table of content türkçe karşılığı da içindekiler diyebileceğimiz bu sayfa okuyucularımıza blogumuzdaki yazılar hakkında iyi bir analiz yapmasını sağlayacaktır.Çünkü oluşturacağımız bu sayfa her bir etiket altında ilgili yazıları sıralayacaktır.

>>>>>Etiket ve Arşiv Sayfalarınızda Sadece Yazı Başlıklarınızı Gösterin

Gelelim bu sayfayı nasıl oluşturacağımıza:

• Blogger hesabınıza giriş yapın ve Sayfalar kısmına gelin.
• Hangi sayfayı arşiv sayfası olarak kullanacaksanız onu düzenle ye tıklayın.
• Html modda sayfanızı açın ve aşağıdaki kodları yapıştırın.

<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>
<div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.ehliblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Şimdi sayfanızı kaydedin.www.ehliblog.com yazan yeri kendi adresinizle değiştirin ve sayfanızı kaydedin.Sayfanızı görüntüleyin.Blogunuzdaki yazılara göre sayfanız biraz geç gelebilir.Arşiv sayfanızın oluştuğunu göreceksiniz.

Benim kendi arşiv sayfama buradan ulaşabilirsiniz :