Blogger Page Navigation Menu Widget1.0

Etiketler: Blogger, Blogger İpuçları

Blogger sayfalandırma (Page navigation menu widget) eklentisi
Wordpress,vb gibi sitelerde gördüğümüz sayfalandırma eklentisi

Sitenize kodu yerleştirmek için devamını okuyun.

Kodu sayfanızda istediğiniz yere koyabilirsiniz.Html sayfası yada yerleşimden herhangi biryere widget olarak ekleyebilirsiniz.

Aşağıdaki css kodunu ]]></b:skin> codunun hemen üstüne yerleştirin.

.showpageArea {
padding: 0 2px;margin-top:10px;margin-bottom:10px;
float:left;
}

.showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:2px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:1px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {
font-size:11px;
padding: 2px 3px 2px 3px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 1;
margin: 1px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

Son olarak bu kodu istediğiniz yere yapıştırın

Her sayfada kaç yazı gösterileceğini ayarlayın.
Blogger de yaptığımız ayarlar burada geçerli değildir.

Örnek:

var pageCount=5; 
var displayPageNum=5;

Not: Buradaki kodları direk kopyala yapıştır yaparsanız hata verebilir.Html kodlarını kopyalayıp şuradaki sayfadan kullanılabilir hale getirmelisiniz.)

• Kaynaklar:

1. Techno-wizard
   
2. Bloggerbuster
   
3. Vagabundia