Kolay gelsin,
Bildiğimiz gibi blogger'da klasik arşivler vardır, sidebarda.Fakat sizlere anlatacağım kodlar sayesinde kendinize ayit, tasarımı güzel, sade bir arşiv sayfanız olacak, buyrun anlatıma geçelim;
1)Kendinize blogger.com'dan arşiv sayfanız için kullanacağınız bir blog açın.
2)Açtığınız bu blogun Yerleşim > HTML'yi düzenle bölümüne girin, klasik şablon'a geçiş yapın, ve aşağıdaki kodları yapıştırın.
Yukarıdaki kırmızı ile vurguladığım yerleri değiştirmeyi unutmayın.
Not: JavaScript dosyasının içindeki blogunuzunadi diye başlayan linki kendi blogunuzun adı ile değiştirmeyi de unutmayın.
İndirilecek olan dosya: Sitemap
Bildiğimiz gibi blogger'da klasik arşivler vardır, sidebarda.Fakat sizlere anlatacağım kodlar sayesinde kendinize ayit, tasarımı güzel, sade bir arşiv sayfanız olacak, buyrun anlatıma geçelim;
1)Kendinize blogger.com'dan arşiv sayfanız için kullanacağınız bir blog açın.
2)Açtığınız bu blogun Yerleşim > HTML'yi düzenle bölümüne girin, klasik şablon'a geçiş yapın, ve aşağıdaki kodları yapıştırın.
Kod:
<!DOCTYPE html>
<html lang="en-ID">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Anasını Satayım Blog - Sitemap</title>
<link href="[COLOR="Red"]http://faviconadresiniz[/COLOR]" rel="icon" type="image/x-icon"/>
<link href='[COLOR="Red"]http://faviconadresiniz[/COLOR]' rel='icon' type='image/vnd.microsoft.icon'/>
<link href="[COLOR="Red"]http://faviconadresiniz[/COLOR]" rel="icon" type="image/x-icon"/>
<style type="text/css">
*{margin:0; padding:0}
body { background:#252525; color:#fff; font-family: Verdana, "Bitstream Vera Sans", sans-serif;font-size: 75%;
border-top:8px solid #222}
a:link, a:visited { color:#fff; text-decoration:none}
#daftarisi {margin-left:20px}
#daftarisi h1 { font-family:georgia,serif; font-size:72px; font-weight:normal; letter-spacing:5px; color:#111; text-shadow:1px 1px 1px #444; padding-top:20px}
#daftarisi h2 { font-family:georgia,serif; font-size:42px; margin:0 40px 30px}
#daftarisi h2 a {color:#ddd !important; font-weight:normal; letter-spacing:6px}
#daftarisi h2 a:hover {color:#999 !important}
#daftarisi h3 {font-family:"Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif; font-size:18px; letter-spacing:4px; margin-bottom:10px}
#daftarisi h3 a {color:#CF2626 !important}
#daftarisi h3 a:hover {border-bottom:1px dotted #999}
#daftarisi li { text-indent: -20px; list-style:none; padding-bottom:8px; margin-left:20px}
#daftarisi li a {line-height:18px}
#daftarisi li a:hover { background:brown}
#Wtoc {padding-bottom:20px; font-size:10px; color:#CF2626 !important}
width:300px; margin:0 20px 20px 0; padding-right:10px; border-right:1px solid #333}
</style>
</head>
<!-- <body><div></div> -->
<body>
<div id='daftarisi'>
<h1>Sitemap</h1>
<h2><a title="Anasayfa" href="http://[COLOR="Red"]blogunuzunadi[/COLOR].blogspot.com/">Blogunuzun Adı</a></h2>
<p><small>[COLOR="Red"]Not: CTRL+F tuşuyla tarihleri arayabilir, aradığınız tarihteki yazılara ulaşabilirsiniz.[/COLOR]</small></p>
<br/>
<script type="text/javascript" src="[COLOR="Red"]http://www...com/sitemap.js[/COLOR]"></script>
<script src="http://[COLOR="Red"]blogunuzunadi[/COLOR].blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
</div>
</body>
</html>Yukarıdaki kırmızı ile vurguladığım yerleri değiştirmeyi unutmayın.
Not: JavaScript dosyasının içindeki blogunuzunadi diye başlayan linki kendi blogunuzun adı ile değiştirmeyi de unutmayın.
İndirilecek olan dosya: Sitemap
