7 Haziran 2014 Cumartesi

Blogger Sayfa Navigasyonu

Navigasyonu
Blogger Sayfa Navigasyon numaralama bildiğiniz gibi standart Blogger şablonlarında kayıt sayfaları arasında geçiş yapmak için daha eski kayıtlar, daha yeni kayıtlar gibi linkler vardır. Ziyaretçilerinizin blogunuzdaki kayıt sayfaları arasında daha rahat dolaşmaları için numaralı sayfa navigasyonu eklemeniz faydalı olabilir. Blogunuza resimdeki örnekte olduğu gibi numaralı sayfa navigasyonu eklemek için tek yapmanız gereken HTML/JavaScrip gadget kodunu açıp aşağıdaki kodları eklemenizdir.Sayfaların numaralandırıp sıralandırması varsayılan olarak gelmediğinden temaya uyumlu kod düzenlemesi yapılmıştır. 
Diğer sayfa sıralama kodlarından farklı olarak her temaya uyumludur. Genelde eklenen pagenaviler tema renkleri yada yazı büyüklükleri uyumsuz tasarımı bozan yapıdadırlar. Temada hangi renkleri kullanıyorsanız o fontta gözükecektir. Blogger, Yerleşim >> Gadget ekle > HTML/Javascript ekle yolunu izleyerek basitçe ekleyebilirsiniz.
Blogger numaralı sayfa navigasyonu
Özelleştirme :
1. border:1px solid #999; Numaraların etrafındaki çerçeve kalınlığı 0,1,2...px ve çerçeve rengi #... istediğiniz gibi ayarlayabilirsiniz.
2. background:#666 : Numaraların arkafon rengi isteğinize göre değiştirebilirsiniz.
3. border:1px solid #999; Seçili numaranın etrafındaki çerçeve kalınlığı 0,1,2...px ve çerçeve rengi #... istediğiniz gibi ayarlayabilirsiniz.

4. background:#666 : Seçili numaranın arkafon rengi isteğinize göre değiştirebilirsiniz.
<!-- Stylish colored page navigation widget for Blogger By guney59 @ http://www.guney59.blogspot.com -->
<style type="text/css">
#blog-pager{font-size:small;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;}
.showpageNum a:hover{border:1px solid #888;background:#ccc}
.showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999}
.showpagePoint{color:#fff;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none}
</style>
<script style='text/javascript'>
var numshowpage=5;
var postperpage =6;
var upPageWord="Önceki";
var downPageWord="Sonraki";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src='https://adnanguneynavis.googlecode.com/svn/adnanguney.js' type='text/javascript'/></script>
<!-- Stylish colored numbered page navigation widget for Blogger By guney59@ http://www.guney59.blogspot.com --> 

5. postperpage (6) kısma blog ana sayfa yazınız kaç adetse aynı sayıyı giriş yapın.

6. font-size:normal : small: Küçük, medium: Orta ve mevcut ayarlar Normal ile değiştirerek pencere görünümünü değiştirebilirsiniz.
7. Numshowpage : Yatay sıra numarası (5)