Ne Mutlu Türk'üm Diyene! Blogger Sayfa Numaralandırma Pagew Navi ~ Blogger Destek | Blogger Tema | Blogger Widget | Blogger Yardım | Blogspot...

22 Ocak 2012 Pazar

Blogger Sayfa Numaralandırma Pagew Navi

Blogger Kaydımızın Altında 1.2.3.4 Olarak Numaralandırmak İçin Aşağıdaki İşlemleri Yapıoruz.
Demo Dörünümü

1: Edit/Html,Witget/Şablonlarını Genişlet Tıklıoruz Resimdede Görüldüğü Gibi Resimdeki Bölüme Gelioruz


2:CTRL Tuşuna Basılı Tutup F Tuşuna Basarak ]=]=></b:skin> Tagını Arıyoruz En Alttaki Olan.. Resimdede Görmüş Olduğunuz Gibi


3: ]=]=></b:skin> 'i Bulduk Hemen Bi Üstüne Aşağıdaki Kodları Koyuyoruz

Kod:
.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;
  }
Kodu Koyduk 3 tamam. Şimdi </body> Tagını Arıyoruz Ve Diğerindeki Gibi </body> Tagının Bi Üstüne Aşağıdaki Kodları Koyuyoruz Bitti.Resimdede Görüldüğü Gibi
Kod:
<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>

5: Artık Blogumuz Önceki Sonraki Sayfalar Deilde.., Numaralandırma Şeklinde Gözükcek Kolay Gelsin.
Not:Olmama İmkanı Yoktur Yaklaşık 50 Temaya Uyguladım

4:

Hiç yorum yok:

Yorum Gönder