8 Mar 2014

Blogger Sayfa Numaralandırma Eklentisi

Blogger sayfa numaralandırma eklentisi ile blogunuz daha şık görünüme kavuşsun.
Blogger'da önceki kayıtlar ve sonraki kayıtlar şeklinde butonlar bulunmaktadır.
Bu butonların yerine blogger sayfa numaralandırma eklentisi yaparak
kullanıcıların sayfamızda daha kolay gezinmelerini sağlayabiliriz.
Görünüm ve kullanım olarak sayfalarda gezinmek daha kolay olacak.

Blogger sayfa numaralandırma eklentisi için yapmamız gerekenler;

Blogger kumanda paneline giriş yapıp, şablon-htmlyi düzenle yolunu izleyin.
Açılan kod penceresi blogumuzun şablonunun kodlarıdır. Bu kod ekranında ctrl+f tuşları ile aşağıdaki kodu bulun.

]]></b:skin>

Yukarıdaki kodun üstüne aşağıdaki 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; 
}

Daha sonra kaydetmeden aşağıdaki kodu bulun.

</body>

Bu kodun üstüne aşağıdaki 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://yourjavascript.com/24910422613/blogger-numaralandirma.js' 
type='text/javascript'/>
</b:if>

Kodları ekledikten sonra ise kaydedin.
Sayfa numaralandırma eklentisi Blogger blog için hazırdır. Hayırlı olsun
Takıldığınız ve sormak istediğiniz yerleri yorum formundan sorabilirsiniz.

6 yorum:

  1. Hocam sağolun teşekkürler. Sonunda yapabildim. Anlatımınız güsel olmuş

    YanıtlayınSil
  2. hocam oldu ama sayfa hep 1 de sayfa 2 fılan olmuyor paylaşım yapıyom

    YanıtlayınSil
    Yanıtlar
    1. Sitenizi belirtir misiniz bi bakalım. Ayrıca kodları düzgün eklediğinizden emin olun

      Sil
    2. Şablonda ]]> kodunu bulup hemen üstüne yukardaki kodu ekleyip kaydetmeden kodunun hemen üstüne yine yukardaki belirtilen kodu ekliyorsunuz. Dahasonra kaydete tıklamalısınız.

      Ayrıca şablonda daha önce oynama yaptıysanız çalışmayabilir. Şablonunuz sıfır olmalı

      Sil
  3. hocam bloggerin olmazsa olmazi olan bu guzel eklenti icin tesekkurler. blogum icin hemen denicem bu arada anlatim guzel ve anlasilir

    YanıtlayınSil
  4. Merhaba, kodları uyguladım. Blogumda 450 kayıt var. Sayfa numaralarında 45 olması gerekirken sadece 16 sayfalık kısmı (160 kayıt)görünüyor. Bu sorunu nasıl çözebilirim. Teşekkürler.

    YanıtlayınSil

Yazdığınız yoruma gelen cevabı öğrenmek için, yorum formunun altındaki 'Beni bilgilendir' kutucuğuna tıklayın.
Yazının konusuyla alakası olmayan yorum veya sormak istediklerinizi
iletişim formundan sorabilirsiniz.