Popular Posts

TOSAT Danışmanlık

Web Sitesi Tasarım + SEO (arama motoru optimizasyonu) ve Sosyal Medya Hizmetleri --------------------------------- Bahariye Caddesi No:55 Başoğlu İş Merkezi Kat:5 Ofis:16 Kadiköy / İstanbul --------------------------------- TosatDanismanlik.com

Blogger, WordPress & SEO

Blogger tarafından desteklenmektedir.

Slider Top

[4][true][slider-top-big][Slider Top]
Buradasınız: Ana Sayfa / , Blogger Tabanlı Blogunuza Çok Fonskiyonlu Arşiv Sayfası Ekleme

Blogger Tabanlı Blogunuza Çok Fonskiyonlu Arşiv Sayfası Ekleme

| 2 Yorum

bloggera arşiv sayfası ekleyinBlogger tabanlı blogunuza çok fonksiyonlu bir arşiv sayfası eklemeye ne dersiniz?

Önceki bir yazımda blogger tabanlı blogunuza bir arşiv sayfası ekleyeceğinizi göstermiştim. Şimdi ise daha gelişmiş bir kodlama ile çok fonksiyonlu bir arşiv sayfası nasıl eklenir onu göstereceğim.


Yapmanız gereken Blogger'da yeni bir sayfa oluşturup (adını ARŞİV diye adlandırabilirsiniz) aşağıdaki kodu kopyalayıp sayfanın HTML bölümüne kopyalayıp sayfayı kaydetmek.




<div id="bp_toc">
Loading the Archive Page. Please wait....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript">
</script><br />
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript">
</script><br />
<br />
<style>
#bp_toc {
  border: 0px solid #000000;
  padding: 5px;
  width:100%;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fff;
  color: #000000;
  padding-left: 5px;
  width:60%;
}
.toc-header-col2 {
  width:20%;
}
.toc-header-col3 {
  width:20%;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:14px;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:14px;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:14px;
}
</style>

İşte bu kadar basit. Bu arşiv sayfası çok daha profesyonel duruyor. Yorumlarınızı bekliyorum.