Home »»Page Navigation

Page Navigation

Posted on 11:41 PM by Damar Yosa Aji

Halaman Navigasi benar-benar mengagumkan dan fitur lama ditunggu. Anda mungkin telah melihat halaman bernomor navigasi pada banyak blog. Muhammad Rias dari Techie Blogger telah mengembangkan suatu sistem navigasi halaman benar-benar blogger.It trik yang mengagumkan yang dibuat pada saat tidak ada yang bisa berpikir pelaksanaan di blogger.It mempunyai beberapa minor bug dan sekarang Abu Farhan telah menyempurnakan itu dan sekarang ia telah memberikan kepada kita sempurna navigasi halaman solution.Here adalah sedikit screenshot dari apa ini semua tentang

Yuk Langsung aja Ke caranya..


1.Login ke Blogger Dashboard dan navigasi ke Layout> Edit Html

2.Jangan klik kotak centang yang mengatakan' Expand Template Widget '

3.sekarang cari


]]></b:skin>


dan menggantinya dengan



.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;
}
]]></b:skin>


Ini adalah bagian CSS yang mendefinisikan tampilan dan nuansa halaman navigation.You dapat memodifikasi sesuai dengan kebutuhan Anda

4.kemudian cari



 </body>



 dan ganti dengan


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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>
</b:if>
<!--Page Navigation Ends -->
</body>

 Seperti yang Anda lihat, ada beberapa parameter disesuaikan dalam kode ini

var pageCount = 5;

Kode ini menentukan jumlah posting yang akan ditampilkan per halaman.

var displayPageNum = 5;

Kode ini menentukan jumlah nomor navigasi halaman tambahan yang akan ditampilkan pada halaman.

var upPageWord = 'Sebelumnya';
var downPageWord = 'Berikutnya';

Dua baris ini menentukan teks yang akan ditampilkan untuk halaman sebelumnya dan berikutnya masing-masing halaman.
Label Fix

Sekarang kita telah problem.By lain default, label blogger akan menampilkan halaman 20 posts.We akan harus memotong ini ke nilai yang kami berikan untuk variabel pageCount (atau posting per halaman). Untuk ini, kita perlu mengedit template kami



Cara Edit template untuk memotong posting per halaman?
Pergi ke halaman Edit HTML dan memperluas Template Widget
Sekarang menemukan setiap kemunculan


'data:label.url'


kemudian ganti dengan


'data:label.url + &quot;?&amp;max-results=5&quot;'


Berikut 5 adalah jumlah posting yang akan ditampilkan per halaman.

angka 5 bisa kita ubah sesuai dengan keinginan.

page Number