Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için 'Arşiv' sayfası oluşturmak!


FacebookTwitterPinterestTumblrYazdır


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 bulunan Klasik Ş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="https://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js"></script>
<script src="https://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.


    • Ali Niyazi Çetin
    • 3 Ocak 2011, 01:42

    Arkadaşım, hepsini yaptım ama yine olmadı. Özellikle indirdiğim eklentiyi nereye yapıştıracağım konusunda bilgisizim. Yardım edersen sevinirim.

    • Ali Niyazi Çetin
    • 3 Ocak 2011, 01:45

    Maalesef isteğinizi yerine getiremedik.
    Aşağıdaki hatalar bulundu:
    security_token: Bu form işlenirken bir hata oluştu. Lütfen tekrar deneyin.
    Bu hatayı alıyorum.

    • Doğan Gezici
    • 3 Ocak 2011, 20:41

    Merhabalar;

    Öncelikle lütfen aşağıdaki link vasıtası ile, ilgili JavaScript dosyasını indiriniz;

    http://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js

    Yukarıdaki JavaScript dosyasını indirdikten sonra, JavaScript dosyasını Not Defteri vasıtası ile açınız. JavaScript dosyasını açtıktan sonra aşağıdaki linki bulunuz, aşağıdaki linki bulduktan sonra ise, bulduğunuz linki kendi blogunuzun linki ile değiştiriniz.

    blogunuzunadi.blogspot.com

    Yukarıda yer alan linki, yani blogunuzunadi.blogspot.com’u, kendi blogunuzun linki ile değiştirdikten sonra JavaScript dosyasını kaydediniz.

    Daha sonra ise, kaydettiğiniz JavaScript dosyasını yüklemeniz gerekecek. Yükleme işlemini, http://code.google.com/hosting/ ‘den yapabilirsiniz.

    Yükleme işlemi bittikten sonra, aynı yukarıda yer alan, http://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js gibi bir link oluşacak. Elbette bu link sizin düzenlediğiniz JavaScript dosyasını içerecek. Linki aldıktan sonra, aldığınız linki yukarıdaki kodlar arasında yer alan http://teknobeyin.googlecode.com/files/teknobeyin%20-%20sitemap.js linki ile değiştiriniz.

    2. hata için şunu söyleyebilirim; sanıyorum ki bu hata kodlar için önizleme yapıldığında çıkıyor. Dolayısı ile, yukarıda yer alan kodları tamamen ayarladıktan sonra, önizlemek yerine kaydediniz. O zaman bir problem olacağını zannetmiyorum.

    İyi Çalışmalar

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık