8 Mart 2014 Cumartesi

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.

Disqus Yorumları Yükle

0 yorum