Blogger Sayfa Numaralandırma

Yine Blogger İpuçları Serisi ile devam ediyoruz arkadaşlar. Bugün, anlatımı birçok sitede mevcut olduğu halde herkesin yapamadığı bu eklentiyi yapıcaz inşallah.Benim blogumda da kullandığım üzere bu eklenti Wordpress bloglardan görülerek Blogger’a uyarlanmıştır. Yapacağımız bu sayfalandırma eklentisi bence herkesin blogunda olmasını istediği ve gerçekten olması gereken bir eklenti. Şimdi Gelelim yapımına..

Yerleşim/HTML’yi Düzenle sekmesine gelip “Widget Şablonlarını Genişlet” tikini aktif hale getirdikten sonra </b:skin> kodundan önce şu kodları yapıştıralım;

Kod:
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:14px;
  margin:10px;
  }
 
.showpageArea a {
  color: #000;
  text-shadow:0 1px 0px #fff;
    font-weight: 700;
  }
 
.showpageNum a {
  padding: 3px 8px;
color: #000;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd ;
  }
 
.showpageNum a:hover {
  border:1px solid #888;
  background: #e0e0e0 ;
  }

.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 ;
  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.

Kod:
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=4;
var upPageWord =&#39;Önceki&#39;;
var downPageWord =&#39;Sonraki&#39;;
</script>
<script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'/>
Artık Blogumuz Önceki Sonraki Sayfalar Değilde, Numaralandırma Şeklinde Gözükecektir. Güle güle kullanın.
Blogger Sayfa Numaralandırma Blogger Sayfa Numaralandırma Reviewed by Oğuzhan Cabbaroğlu on 1/30/2012 Rating: 5

4 yorum

  1. hani kodun diğer bölümü

    YanıtlaSil
  2. Kod sorunu çözülmüştür tekrar özür dileriz :)

    YanıtlaSil
  3. Öncelikle iyi günler. Bu Yazdığın kodları aynen yerleştiriyorum... şablonu kaydet diyorum fakat hiç bişey olmuyor.Kod yazdığım yer Öyle duruyor.
    Varmıdır Bi Çözümü?

    YanıtlaSil
  4. bloggerda yeniyim de siyah için tam olarak ne yapmam gerekiyor?

    YanıtlaSil

Image Link [https://lh3.googleusercontent.com/kXvOVaV2dIWC4gKWhzQhTK7KXwgYFcM_xkISmmlJH5MIYQ-nQogwFc1zAaKEpnqhaPEMJ1Vpn4SKbg=w1366-h768-rw-no] Author Name [Oğuzhan Cabbaroğlu] Author Description [Ozicab İnternet ve Tasarım Hizmetleri - Kurucu / Nam-ı Diğer Ozicab ] Facebook Username [ozicab] Twitter Username [ocabbaroglu] GPlus Username [107441494120937470968] Pinterest Username [ozicab] Instagram Username [ozicab]