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.)
- Techno-wizard
- Bloggerbuster
- Vagabundia
Önceki Kayıt
9 yorum:
kodlar blogger da çalışmıyor yazınızı kaldırın ya da çalışan kodları ekleyin.kolay gelsin
13 Ocak 2009 15:32
@Adsız
Kodlar çalışıyor yapamadığın yer varsa buradan sorabilirsin ;)
13 Ocak 2009 19:45
Arkadaşım sayfanın sonunda not düşmüştüm oraya bakmanı tavsiye ederim.
^Kodları direk yapıştırma hata alabilirsin html karakterlerini ascıı olarak şifrelemen gerekiyor.Yapamazsan yine burdan bildir lütfen kolay gelsin..^
22 Mart 2009 20:07
ben yapamadım ıstedıgınız yer derken ben /head oncesıne yapıstırdım olur degılmı bırde son kod varya bunu nere eklıyecemm
1. var pageCount=5;
2. var displayPageNum=5;
6 Nisan 2009 22:34
// script kodlarını ayırmıyoruz blog yazılarının altına yenibir widget oluşturup koyabilirsin.
// Buradaki kodlar sayfa sayısı ve numarını belirliyor.
var pageCount=5;
var displayPageNum=5;
* yapamadığın yer olursa tekrar sorabilirsin kolay gelsin.*
20 Nisan 2009 19:40
The reference to entity "callback" must end with the ';' delimiter.
bu hatadan dolayı şablonum kabul etmiyor. Yardımcı olursanız sevinirim.
4 Mayıs 2009 06:10
Bu hatanın nedeni & (&) karakterlerinin tam çevrilmemiş olmasıdır.Kodlarda değişiklik yapdıysanız yine böyle bir hata verecektir.
" The reference to entity "callback" must end with the ';' delimiter. "
6 Mayıs 2009 15:19
Kullandıgın temayla alakalı bir durum söz konusu olabilir.BÜtün yorumları okudum ve deneme yaptım kullanmısoldugum temalarda http://eligtv.blogspot.com burada işliyor düzenek
Aynı şeyleri http://korkutan.blogspot.com kurası için yaptıgımda ise hiç bişey gözükmüyor.Eger yukarıda anlatılanları dogru bir şekilde yaptı iseniz Temanızı değiştirip uygulamayı ölesi deneyin veya başka bir siteniz üzerinde deneyebilirsiniz...
Bu arada paylaşım için Teşekkürler...
6 Mayıs 2009 18:02
çok güzel oldu bayağıda yakıştı arkadaşım sağol
4 Ağustos 2009 02:01
Yorum Gönder
Önemli
-Spam yorumlar kesinlikle onaylanmayacaktır
-Yorum yaparken http:// kısmını kullanın.
-Yorumlarda link verebilmek için <a href=" url" title ="ismi">Link yazısı</a>
-Yorumlarınız onaylandıktan sonra yayımlanır.
-Yorum yazarken kullandığımız kelimelere dikkat edelim
-Yorumları takip edebilmek için "Subscribe by email" yazısına tıklayınız.