Blogger‘da en çok sevdiğim eklentilerden birisi de, bu eklenti olsa gerek. Bu eklenti sayesinde blogunuzdaki yazıları ayrı bir sayfa içerisinde ve ayrı bir tasarımda gösterebileceksiniz. Bu eklenti için ‘Bloguma ne gibi yararı olabilir ki?’ diye düşünebilirsiniz. Şöyle söyleyebilirim ki; Blogunuzdaki içeriği, yan menüden göstermek yerine, ayrı bir sayfada göstermek isteyebilirsiniz. Bu yüzden, bu eklenti bu isteğinizi karşılayabilecek en iyi eklentilerdendir diyebilirim. Kaldı ki, kurulumu da oldukça basit. Aşağıdaki adımları takip edin;- Öncelikle, Blogger‘a giriş yapıyoruz.
- Daha sonra, Arşiv sayfamız için istediğimiz isim de blogumuzu oluşturuyoruz.
- Daha sonra, Tasarım >> HTML’yi Düzenle adımlarını takip ederek, en aşağıda bulunanKlasik Şablona Döndür linkine tıklayarak, klasik şablona geçiş yapıyoruz.
- Daha sonra karşımıza çıkan kod sayfasına aşağıdaki kodları yapıştırıyoruz;
Karşımıza çıkan tema kodlarının tamamını silerek, aşağıdaki kodları yapıştıralım;
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Blogunuzun Adı - Sitemap</title>
<style type="text/css">
*{margin:0; padding:0}
body {background:#252525 url(http://img16.imageshack.us/img16/9517/sitemaparkaplan.gif) right bottom fixed no-repeat;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}
#blogarsivi {margin-left:20px}
#blogarsivi 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}
#blogarsivi h2 {font-family:georgia,serif;font-size:42px;margin:0 0px 10px}
#blogarsivi h2 a {color:#ddd !important; font-weight:normal; letter-spacing:6px}
#blogarsivi h2 a:hover {color:#999 !important}
#blogarsivi h3 {font-family:"Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;font-size:18px;letter-spacing:4px;margin-bottom:10px}
#blogarsivi h3 a {color:#CF2626 !important}
#blogarsivi h3 a:hover {border-bottom:1px dotted #999}
#blogarsivi li {text-indent: -20px; list-style:none;padding-bottom:8px; margin-left:20px}
#blogarsivi li a {line-height:18px}
#blogarsivi 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 id='blogarsivi'>
<h1>Sitemap</h1>
<h2><a title="Anasayfa" href="http://blogunuzunadi.blogspot.com/">Blogunuzun Adı</a></h2>
<p><small>Önemli Not: Blog arşivlerinin yüklenmesi zaman zaman uzun sürebilmektedir.</small></p>
<br/>
<script type="text/javascript" src="http://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js"></script>
<script src="http://blogunuzunadi.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
</div>
</body>
</html>Önemli Not: Lütfen yukarıda yer alan JavaScript dosyasını(http://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js) indirdikten sonra, dosyayı açın. Ve dosyanın içerisindeki blogunuzunadi.blogspot.com linkini kendi blogunuzun ismi ile değiştirin. Aksi taktirde eklenti çalışmayacaktır.
0 yorum:
Yorum Gönder