Blogger Arşiv ( Sitemap ) Eklentisi

Blogger Arşiv ( Sitemap ) Eklentisi

Blogger arşiv eklentisi her blogda olması gereken bir eklentidir. Blog alt yapınız ister Wordpress ister Blogger olsun eğer siteniz iyaretçi dostuysa blogunuzda mutlaka bir arşiv sayfası bulunmalıdır.  Arşiv sayfasının bloglarda olması blog veya siteyi ziyaret eden okuyucular son eklediğiniz içeriklere kolay bir şekilde oluşabilir fakat eski  içeriklere ulaşması blogların tasarımına bağlı olarak dakikalarca sürebilir buda blogu ziyaret eden ziyaretçilerin canını sıkan ve blogu ziyaretçiye itici kılan bir etkendir. Bundan dolayı Blogger eklentileri arasında en önemli eklentide arşiv eklentisidir.


Peki neden bu eklenti ?
İnterneti kurcaladığımızda çok fazla Blogger arşiv eklentisi bulabilirsiniz ama bu arşiv eklentisi onlardan daha farklı eklenti özelliğine baktığımızda içerikleri tarihe göre alt alta sıralıyor. Eklenti içerikleri başlığını, içerik tarihini ve etiketlerini göstererek ziyaretçileri içerik hakkında hem bilgilendiriyor hem de kolay dolaşmasını sağlıyor aynı zamanda içeriklerin sağında bulunan kaydırma çubuğu ile içerikleri birkaç saniyede gözden geçirmesini sağlıyor.

Eklentiyi blogunuza eklemek için İlk olarak,> yeni bir sayfa oluşturun> Blogger> Sayfalar gidin HTML sekmesinde aşağıdaki kodu uygulayın
 <div id="bp_toc" style="max-height: 1300px; overflow-x: auto; overflow: scroll;">  
 </div>  
 <script src="https://mywepblogger.googlecode.com/svn/arsiv.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>  
 <style scoped="" type="text/css">  
 #comments {display:none;}  
 </style>  

Yukardaki kodu ekledikten sonra ise hemen ]]></b:skin>  kodunu bulup üstüne gelecek şekilde aşağıdaki Css kodlarını ekliyorsunuz..
 /* CSS arsiv wepblogger */  
 #bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}  
 span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}  
 .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}  
 .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}  
 .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}  
 .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:13px;  
 text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}  
 .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {  
 text-decoration:none;}  
 .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}  
 .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}  
 .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}  
 #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}  
 .toc-entry-col1 {counter-increment:rowNumber;}  
 #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}  
 td.toc-entry-col2 {background:#fafafa;}  

             Eklenti ilgili sorunlarınızı yorumda sorabilirsiniz... İyi bloglamalar

Daha Fazlası: RSS Feed | Email Aboneliği Yayın Sayısı :

1 yorum:

bilgi için teşekkurler