10.Blog Sayfa Navigasyonu

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:

.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 != &quot;item&quot;'>
<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.

Kaynak:

No commentsRead more

10.Blog Sayfa Navigasyonu

(Blogger) Sayfa Navigasyonu Numaralama (Konu: 10)

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:

.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 != &quot;item&quot;'>
<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.

Kaynak:

No commentsRead more