10 Nisan 2010 Cumartesi

Blogger Page Navigation (Sayfa Numaralandırma) Eklentisi [WP'ten Uyarlanmış]

Merhaba Arkadaşlar.
Bugün Bir blogta Karşılaştırğım Blogger İçin Page Navigation (Sayfa numaralnadırma eklentisi Çok Dikkatimi Çekti)
Mutlaka Bir Yerlerde görmüşsünüzdür Ama Ben Yinede Bir Resimle göstereyim


Bunu Yapacağız Demosu Burada

Şimdi Gerekli Kodları Şablonumuzu ekleyelim

Şimdi Öncelikle Yerleşim -> HTML Şablonlarını Görüntüle -> Widget Şablonlarını genişler diyoruz ve Ctrl + F yardımıyla Kodunu bululuyoruz. Ve Hemen Üstüne




.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:normal;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; left:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; left:50%;
 margin-left:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:600px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}


Ardından
<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
Kodları ekliyoruz
Selametle

Hiç yorum yok:

Yorum Gönder

Yorum Almak Bir Site Sahibine Verilecek En Güzel Hediyedir Teşekkür Ederim..