Subscribe:

Ads 468x60px

Radio Che Pandu


Selasa, 14 Februari 2012

Paling mudah membuat pagenumber navigation





Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html. Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut: ]]> Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

.showpageArea a {
 text-decoration:underline;
}
 .showpageNum a {
 text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
 .showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
 .showpagePoint {
color:#333; text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
 .showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu,cari lagi kode seperti ini:
</body>
Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>



Langkah terakhir,carilah kode berikut:
'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:
'data:label.url + &quot;?&amp;max-results=5&quot;'
Sekarang,simpan templates anda,dan anda bisa lihat hasilnya



Comments
1 Comments

1 komentar:

Thank's for you