Blogger Sayfa Navigasyonu Numaralama
Bildi�iniz gibi standart Blogger �ablonlar�nda kay�t sayfalar� aras�nda ge�i� yapmak i�indaha 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� olacakt�r.
Blogunuza resimdeki �rnekte oldu�u gibi numaral� saya navigasyonu eklemek i�in
blogunuzun �ablonundan ]]></b:skin> kodunu bulun ve bu kodun �st�ne �u kodlar� ekleyin:
blogunuzun �ablonundan ]]></b:skin> kodunu bulun ve bu kodun �st�ne �u kodlar� ekleyin:
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url
(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg)
0 0 repeat-x;
text-decoration: none;
}
�kinci olarak yine �ablonunuzdan </body> kodunu bulun ve hemen �st�ne �u kodlar� ekleyin:
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js'
type='text/javascript'/>
</b:if>
Sayg�de�er arkada��ma burdan te�ekk�rler.Her�ey e�itim i�in.
0 yorum:
Yorum Gönder